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

Question

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

重现：

当您选中所有 3 个单选按钮让我们说 'read'，而不是在要过滤的输入中键入 'x'，现在从输入中删除该值。最后一个收音机 selected 其他收音机没有。

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

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

Radio button not working within nested ng-repeats and filter

javascript

filter

radio-button

angularjs

ng-repeat