单选按钮在嵌套的ng-repeats中不起作用并过滤

时间:2016-02-26 12:02:26

标签: javascript angularjs filter radio-button ng-repeat

我必须关注问题。我有一个带有两个单选按钮的嵌套ng-repeat,当我选择一个radion按钮时,该值被正确设置为模型。但是,当我过滤到不在集合中的值时,该值未设置为视图(模型仍然正确)

重现:

Example

当您检查所有3个单选按钮时,请说“阅读”,而不是键入' x'进入过滤器的输入,现在从输入中删除值。选择最后一个收音机,其他收音机则没有。

PS。我尝试过ng值而不是价值。

控制器:

vm.list = [{id: 1, name: 'Item1', items: [{id: 1, name: 'SubItem1.1'}, {id: 2, name: 'SubItem1.2'}, {id: 3, name: 'SubItem1.3'}]}]

视图:

<input type="text" ng-model="search" /> 
<ul>
 <li ng-repeat="item in vm.list">
   <h4 ng-bind="item.name"></h4>
   <ul>
     <li ng-repeat="subitem in item.items | filter:search">
       <h4 ng-bind="subitem.name"></h4>

       <input type="radio" name="{{item.id}}{{subitem.id}}" ng-model="subitem.permission" value="read" /> Read
       <input type="radio" name="{{item.id}}{{subitem.id}}" ng-model="subitem.permission" value="write" /> Write
     </li>
   </ul>
 </li>

1 个答案:

答案 0 :(得分:1)

更改输入名称 从

name="{{item.id}}{{subitem.id}}"

name="{{subitem.id}}"