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

Question

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

复制：

Example

当您选中所有 3 个单选按钮时让我们说“读取”，而不是在输入中输入“x”进行过滤，现在从输入中删除该值。最后一个收音机被选中，其他的都没有。

ps。我试过 ng-value 而不是 value。

控制器：

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>

Answer 1

更改输入名称 来自

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

到

name="{{subitem.id}}"