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

Question

我必须解决以下问题。我有一个带有两个单选按钮的嵌套 ng-repeat，当我选择一个单选按钮时，该值会正确设置为模型。但是，当我过滤到不在集合中的值时，该值未设置到 View (模型仍然正确)

重现:

Example

当您选中所有 3 个单选按钮以表示“读取”时，然后在要过滤的输入中键入“x”，现在从输入中删除该值。最后一个 radio 被选中，其他 radio 则没有。

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

Controller :

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