必須要素を入力要素に動的に追加する方法はありますか？

Question

私の仕事は、ユーザーが必要に応じて設定したい各状態のすべての要素に、必要なフィールドを動的に追加することでした。私のデータベースでは、入力のID（各入力にはもちろんの異なるIDを持つ）と、入力要素（ブール値）に必要なフィールドを追加する必要がある場合に必要なフィールドを含むテーブルがあります。私は状態を切り替えるたびに、必要な入力要素があればその特定の状態にすべての入力要素を設定する必要があります。

私はこれを攻撃することができますか？ これは私のsoltionですが、idはこれが最善の方法だとは思わない、私はangularjsで働いています。

for (var i = 0; i < data.length; i++) {  
    // activate required function 
    v = data[i].Required; 
    if (v) { 
     document.getElementById(data[i].ID).required = true; 
    } 
} 

Answer 1

あなたは角度でも、データを表示する場合は、リピータではたとえば、あなたがこのような何か行うことができます。

<div ng-repeat="field in data"> 
    <input type="text" id="{{ field.ID }}" 
      ng-required="field.Required" /> 
</div> 

をng-requiredディレクティブは、動的値に基づいて、required="required"属性を設定しますfieldアイテムのRequiredプロパティの

Answer 2

この方法でも試すことができます。

<form name="course"> 
<div ng-repeat="field in data"> 
    <input type="text" name="{{field.name}}" 
      ng-required="field.Required" /> 
</div> 
</form>