2017-08-12 7 views
1

ng-repeatでチェックボックスを生成しようとしています。ドロップダウンから値を選択した後、選択した値に基づいて値を取得しています。他のチェックボックスを選択することができません。いずれかのチェックボックスを選択する方法や、ng-modelに基づいてその値をバインドできるように複数のチェックボックスを選択する方法を教えてください。ここでng-repeatからチェックボックスを動的に生成する

htmlコード

<div class="form-group" data-ng-repeat="collegesByType in 
    collegesByTypes"> 
    <div class="be-checkbox"> 
    <input data-ng-model="committee.collegeId" name="collegeId" 
    type="hidden" 
    value="0"> 
    <input data-to-date="currently_todate386" 
    id="currently_checkbox386" class="currently" type="checkbox" 
    value="1"> 
    <label for="currently_checkbox386">{{collegesByType.name}}</label> 
    </div> 
    </div> 
+1

あなたは、各チェックボックスのための別のモデルを定義する必要があります。それでは、この 'data-ng-model =" collegesByType .committee.collegeId "" –

答えて

0

は次のように試してみてくださいされています

<div class="form-group" data-ng-repeat="collegesByType in 
    collegesByTypes track by $index"> 
    <div class="be-checkbox"> 
    <input data-ng-model="committee.collegeId[collegesByType.collegeId]" name="collegeId" 
    type="hidden" 
    ng-value="collegesByType.collegeId"> 
    <input data-to-date="currently_todate386" 
    id="currently_checkbox386{{$index}}" class="currently" type="checkbox" 
    value="1"> 
    <label for="currently_checkbox386{{$index}}">{{collegesByType.name}}</label> 
    </div> 
</div> 
+0

のような個別のチェックボックスを選択することができました。ありがとうございます。データを保存するためのチェックボックスの値を取得できますか? committee.collegeId [$ index] "? –

+0

あなたは$ scope.commember.collegeIdオブジェクト –

+0

の中のすべてのチェックボックスを選択します。他のフィールドがあるので省エネのために委員会オブジェクトだけを渡しているからです。委員会オブジェクトとcollegeIdを持つ他のフィールドをバインドしています –

関連する問題