Javascript 使用嵌套内有单选按钮的ng模型ng repeat not working

Javascript 使用嵌套内有单选按钮的ng模型ng repeat not working,javascript,angularjs,angularjs-ng-repeat,Javascript,Angularjs,Angularjs Ng Repeat,嘿,我试图在ng repeat中显示一个单选按钮列表,它似乎没有接受我绑定到输入上ng模型的字段的初始值 当我给ng repeat一个简单数组时,按钮会正确显示初始值。但是,如果图片中出现嵌套的ng repeat,则只有每个列表的最后一项使用值初始化 这是我的钢笔: 我不知道哪里出了问题。我要确保单选按钮的name属性对每个组都是唯一的 感谢您的帮助。这里的问题是您无法将角度值插入attr名称中。如果我们从HTML中删除名称attr,就会得到预期的结果。 见下文 <div ng-app=

嘿,我试图在ng repeat中显示一个单选按钮列表,它似乎没有接受我绑定到输入上ng模型的字段的初始值

当我给ng repeat一个简单数组时,按钮会正确显示初始值。但是,如果图片中出现嵌套的ng repeat,则只有每个列表的最后一项使用值初始化

这是我的钢笔:

我不知道哪里出了问题。我要确保单选按钮的
name
属性对每个组都是唯一的


感谢您的帮助。

这里的问题是您无法将角度值插入attr
名称中。如果我们从HTML中删除名称attr,就会得到预期的结果。
见下文

<div ng-app="sample">
  <div ng-controller="sampleController as sample">
    Single ng-repeat:
    <div ng-repeat="queue in sample.queues">{{queue.name}} status:
      <input type="radio" name="queue-{{$index}}" ng-model="queue.condition" value="hooked" /> hooked
      <input type="radio" name="queue-{{$index}}" ng-model="queue.condition" value="unhooked" /> unhooked
      <input type="radio" name="queue-{{$index}}"  ng-model="queue.condition" value="partial" /> partial
    </div>
    <br />
    Nested ng-repeat:
    <div ng-repeat="qm in sample.qms">
      {{qm.name}} queues:
      <div ng-repeat="queue in qm.queues">{{queue.name}} status:
        <input type="radio" ng-model="queue.condition" value="hooked" /> hooked
        <input type="radio" ng-model="queue.condition" value="unhooked" /> unhooked
        <input type="radio" ng-model="queue.condition" value="partial" /> partial
      </div>
    </div>
  </div>

</div>

单ng重复:
{{queue.name}}状态:
钩住的
脱钩
部分的

嵌套ng重复: {{qm.name}}队列: {{queue.name}}状态: 钩住的 脱钩 部分的

如果我们想动态地包含一个名称,请查看一个角度名称指令,例如:

嘿,谢谢,它解决了这个问题。但我不明白这怎么会只将正确的值绑定到列表中的最后一项。加上name属性,是什么将单选按钮组合在一起的,对吗?当我选择一个没有name属性的不同项目时,单选按钮如何仍然知道取消选中以前选择的项目?broswer是否推断其中三个是一组,因为它们是按顺序排列的?在本例中,单选按钮由ng模型指令绑定在一起。当用户选择新的单选选项时,ng model的值将更改为与该单选关联的value属性。当这种情况发生时,共享该ng模型的其他单选按钮会重新读取ng模型,并相应地更新其值。噢,现在在摘要循环中会发生这种情况,因为本机html事件不知道这些按钮是组的一部分。谢谢:-)对我真的很有用。我尝试了很多方法来解决这个问题。但只有这一个有效谢谢你问这个问题:)