javascript – 模型不会在Angular 2电台列表中更新

我正在尝试构建一个Angular 2组件,它显示带有无线电的选项列表.它工作正常,但是在[(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

解决方法:

嗯,我想两种方式绑定现在使用无线电,所以目前你不能使用[(ng-model)].

另一种方法是使用change事件和checked属性.看我的傻瓜

http://plnkr.co/edit/7Zm3qgoSv22Y9KrBn4tS?p=preview

(其他城市)= “答案= $event.target.value”

和

[检查] = ‘答案== option.id’

标签：javascript,angular,web-component
来源： https://codeday.me/bug/20190724/1526586.html