我正在尝试构建一个 Angular 2 组件,它显示带有无线电的选项列表。它工作正常,但它answer
组件的字段,绑定在内部[(ng-model)]="answer"
,选择其中一个选项时不会更新。我做错了什么还是这不是创建单选选项列表的方法?
<div>
Answer: {{ answer }}
</div>
<div class="radio" *ng-for="#option of itemData">
<label>
<input type="radio" [value]="option.id" [(ng-model)]="answer"
(change)="responseChanged()" name="radio-list">
<span>{{ option.name }}</span>
</label>
</div>
Plunker https://plnkr.co/edit/Iw4dkq0QhjhmxbidA6O5?p=preview
好吧,我想双向绑定现在可以与无线电一起使用,所以目前你不能使用[(ng-model)]
.
另一种方法是使用更改事件和检查属性。看我的笨蛋
https://plnkr.co/edit/7Zm3qgoSv22Y9KrBn4tS?p=preview https://plnkr.co/edit/7Zm3qgoSv22Y9KrBn4tS?p=preview
(change)="answer=$event.target.value"
and
[checked]='answer==option.id'
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)