materializecssチェックボックスを動的に生成

Question

ng-repeatを通じてmaterializecssチェックボックスを動的に作成しています。問題がマテリアライズでは、チェックボックスのラベル上の「の」のようなinputにIDと一致しなければならないということである。

<div class="checkbox-patient-info-medical"> 
    <input type="checkbox" id="medical-checkbox"> 
    <label for="medical-checkbox"> Prior Authorization Required*</label> 
</div> 

を私はNG-繰り返してフィールドを生成していますし、生成されたそれぞれの1つのテキストボックスがありますフィールドのセット。コードは次のよう：NG-repeatがそれらを作成するよう

<div class="medical-insurance-holder" ng-repeat="person in vm.myData[0].medicalInsuranceContainer track by $index"> 
    <p class="patient-info-holder-text"> 
    RELATIONSHIP TO PATIENT:&nbsp&nbsp&nbsp<b>{{person.relationshipToPatient}}</b> 
    </p> 
    <p class="patient-info-holder-text"> 
    GROUP NUMBER:&nbsp&nbsp&nbsp<b>{{person.groupNum}}</b> 
    </p> 
    <p class="patient-info-holder-text"> 
    SUBSCRIBER D.O.B:&nbsp&nbsp&nbsp<b>{{person.subscriberDob}}</b> 
    </p> 
    <div class="checkbox-patient-info-medical"> 
    <input type="checkbox" id="medical-checkbox"><label for="medical-checkbox"> Prior Authorization Required*</label> 
    </div> 
</div> 

は、どのように私はこれらのチェックボックスのlabel forとidを変更することができますか？私がそれをそのまま残すと、最初に作成されたチェックボックスをクリックするだけです。次のようにあなたがそれらでNGリピートの現在のインデックスを統合することができ

おかげ

Answer 1

：

<div class="checkbox-patient-info-medical"> 
    <input type="checkbox" id="medical-checkbox{{$index}}"> 
    <label for="medical-checkbox{{$index}}"> Prior Authorization Required*</label> 
</div> 

チェックフィドル：https://jsfiddle.net/twizzlers/z0meqr6h/1/

はそれが=をホープ）

Answer 2

我々は入力とラベルの両方が必要AngularJSを使用してmaterializecssに対して動的にチェックボックスを生成するにはチェックボックスを動的に生成するには、以下のコードを使用します。

 <tbody> 
     <tr ng-repeat="x in data"> 
     <td>{{x.name}}</td> 
     <td>{{x.phone}}</td> 
     <td> 
     <input type="checkbox" id="cbox{{$index}}" /> 
     <label for="cbox{{$index}}"></label> 
     </td> 
     </tr> 
    </tbody> 

forのラベルを使用していない場合は、チェックボックスが表示されません。

ここでは、cboxはcbox1、cbox2、cbox3などのIDを生成します..... cboxn