微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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’

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐