Question

我正在尝试构建一个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

Answer 1

嗯，我想双向绑定现在正在使用无线电，所以目前你不能使用[(ng-model)]。

另一种方法是使用change事件和checked属性。看我的plunker

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

(change)="answer=$event.target.value"

和

[checked]='answer==option.id'

Answer 2

您不能将ng-model用于angular1中的单选框。但是，github上有几个组件可以让你轻松完成，比如ng2-radio-group组件。它支持无线电选择和多个复选框选择：

$(function() {
    $("#a_id").click(function() {
        var fileName = $("#new_rule_upload").val();
        alert(fileName);
        if (fileName != '') {
            alert('selected')
        } else {
            alert('not selected');
        }
    });
});

模型在Angular 2无线电列表中不会更新

2 个答案: