从ng-repeat动态生成复选框

我想用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>

来源

2017-08-12 Sachin HR

你应该定义单独的模型为每个复选框。如'data-ng-model =“collegesByType .committee.collegeId”' –

尝试像这样：

<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>

来源

2017-08-12 06:05:06

是的，现在我可以选择单个复选框。谢谢。我可以通过data-ng-model =“获取所选复选框的值以进行保存” committee.collegeId [$指数]“？ –

你会得到$ scope.committee.collegeId对象内所有选中的复选框 –

它是因为我只传递委托对象来保存，因为它有其他fields.I绑定其他fields与委员会对象和collegeId是其中一个字段 –

从ng-repeat动态生成复选框

回答

相关问题