如何在ng-repeat中选中ng复选框?

时间:2015-05-15 09:54:38

标签: angularjs angularjs-ng-repeat

我有一些列表可以显示用户信誉普查。 使用sigle选项单选按钮,我使用此代码并在用户回答时工作得很好,然后当他返回同一问题时检查他之前的答案。

<li ng-repeat="item in items">
    <input name="myName" value="{{item.id}}" type="radio" 
     ng-selected="myModel==item.id" ng-model="myModel"/>{{item.text}}
</li>

但是有了多个选项,我可以使用复选框,而且我不知道如何编写代码来检查以前的答案。现在我使用这段代码,但它不起作用:

<li ng-repeat="item in items">
    <input name="myName" checklist-value="{{item.id}}" type="checkbox" 
     ng-checked="myModel==item.id" checklist-model="myModel"/>{{item.text}}
 </li>

请帮忙吗?

更新

现在我有一个内部具有多个值的模型数组(myModel)。使用以下代码,我无法检查正确的项目。

<li ng-repeat="item in items">
<input name="myName" checklist-value="{{item.id}}" type="checkbox" 
 ng-checked="myModel[$index]==item.id" checklist-model="myModel"/>{{item.text}}
</li>

我的错误在哪里? 感谢

2 个答案:

答案 0 :(得分:0)

尝试以下snipet

<li ng-repeat="item in items">
    <input name="myName" type="checkbox"  ng-model="ngModel"
     ng-checked="myModel===item.id"  ng-true-value="{{item.id}}"/>{{item.text}}
 </li>

答案 1 :(得分:0)

 <label ng-repeat="language in languages">
                    <input type="checkbox" data-checklist-model="profile.languageId" data-checklist-value="language.languageId">
                    {{language.Language}} &nbsp;
                </label>

它正在运作

步骤:

  1. 您需要下载“checklist-model.js”文件(link
  2. 您需要在应用中注入“checklist-model”模块。
  3. 然后你的代码就可以了。