使用嵌套ng中带有单选按钮的ng模型重复不起作用
using ng-model with radio buttons inside nested ng-repeat not working
嘿,我正试图在ng repeat中显示一个单选按钮列表,但它似乎没有接受我在输入中绑定到ng模型的字段的初始值。
当我给一个ng repeat一个简单的数组时,按钮会正确地显示初始值。但是,如果出现嵌套的ng重复,则只有每个列表的最后一项初始化为值
这是我的钢笔:
https://codepen.io/alokraop/pen/JXLZBp
我不知道哪里出了问题。我正在确保单选按钮的name
属性对每个组都是唯一的。
感谢您的帮助。
这里的问题是不能将Angular值插入属性name
。如果我们从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>
如果我们想动态地包含一个名称,请查看Angular名称指令,例如:Dynamic form name attribute<输入类型=";文本";name=";{{变量名}}"/>在Angularjs 中
相关文章:
- 角度无线电按钮ng模型不起作用
- ng模型内的ng重复的ng重复开始
- 将输入值设置为ng模型属性[Angular]时出现问题
- 自定义指令中的AngularJS ng模型
- 如何为动态创建的文本区域中输入的值更新ng模型
- ng重复中的ng模型-初始化唯一作用域属性
- ng重复变量到ng模型
- 初始化ng模型时,Angular ui选择占位符不起作用
- 角度去抖动(ng模型选项)不起作用
- 即使 ng 模型有值,也使输入字段为空
- 选择框中带有关联的ng模型,选项中带有ng重复
- 为什么我的指令(使用链接)没有出现,并允许ng模型看到它
- AngularJS+IE 11+聚合物=ng模型未更新
- ng模型在$(element).clone()之后不起作用
- 为什么ng选项指令需要ng模型
- 使用引导时间选取器时,没有更新数据ng模型值
- 具有ng重复的动态ng模型
- 有没有一种方法可以在设计模式下将ng模型或工厂绑定到iframe
- 删除ng模型中的ng模型输入值
- Angular.js默认选中不'不适用于ng模型