Javascript 模型赢得';t在Angular 2无线电列表中更新
我正在尝试构建一个Angular 2组件,它显示一个收音机选项列表。它工作正常,但在选择其中一个选项时,绑定在Javascript 模型赢得';t在Angular 2无线电列表中更新,javascript,web-component,angular,Javascript,Web Component,Angular,我正在尝试构建一个Angular 2组件,它显示一个收音机选项列表。它工作正常,但在选择其中一个选项时,绑定在[(ng模型)]=“answer”内的组件的应答字段不会更新。我做错了什么,还是这不是创建收音机选择选项列表的方法 <div> Answer: {{ answer }} </div> <div class="radio" *ng-for="#option of itemData">
[(ng模型)]=“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>
答复:{{答复}
{{option.name}
我想双向绑定现在可以与radio一起使用,所以目前您不能使用
[(ng型号)]
另一种方法是使用“更改事件”和“选中”属性。看到我的小家伙了吗
(更改)=“答案=$event.target.value”
及
[选中]='answer==option.id'
您不能将ng模型与angular1中的收音机盒一起使用。然而,github上有几个组件可以让您轻松地完成这项工作,比如组件。它支持单选和多个复选框选择:
<radio-group [(ngModel)]="sortBy">
<input type="radio" value="rating"> Rating<br/>
<input type="radio" value="date"> Date<br/>
<input type="radio" value="watches"> Watch count<br/>
<input type="radio" value="comments"> Comment count<br/>
</radio-group>
<checkbox-group [(ngModel)]="orderBy">
<input type="checkbox" value="rating"> Rating<br/>
<input type="checkbox" value="date"> Date<br/>
<input type="checkbox" value="watches"> Watch count<br/>
<input type="checkbox" value="comments"> Comment count<br/>
</checkbox-group>
评级
日期
手表计数
评论计数
评级
日期
手表计数
评论计数
我也在假设:)我想知道是否有一种方法可以使用组件中的控件类来构建这种单选列表。嗯,似乎还有其他与绑定到视图的属性相关的问题:setAnswer(e){this.items[e.index].answer=e.answer;//e.answer=“b”console.log(this.items[e.index];//对象的“应答”字段未定义}
OK,属性绑定,[item data]='item'
,沿组件树向下发送一个引用,[(ng model)]将“应答”设置为空字符串这就是为什么顶级组件的setAnswer
处理程序在上面一行中更新后将答案字段显示为未定义。使用Beta 16,此解决方案仍然有效。谢谢!这里有一个广播,但不知道列表。