Angular2-单选按钮绑定

Question

我想在使用Angular 2的表单中使用单选按钮Options : <br/>1 : <input name="options" ng-control="options" type="radio" value="1"  [(ng-model)]="model.options" ><br/>2 : <input name="options" ng-control="options" type="radio" value="2" [(ng-model)]="model.options" ><br/>model.options初始值为1加载页面时，未选中第一个单选按钮，并且修改未绑定到模型任何想法 ？

Answer 1

使用[value] =“ 1”代替value =“ 1”

<input name="options" ng-control="options" type="radio" [value]="1"  [(ngModel)]="model.options" ><br/>

<input name="options" ng-control="options" type="radio" [value]="2" [(ngModel)]="model.options" ><br/>

编辑：

如所建议的通过thllbrg“对于角度2.1+使用[(ngModel)]，而不是[(ng-model)]”

Answer 2

我的手动解决方法model.options是在选择新的单选按钮时手动进行更新：

template: `

  <label *ngFor="let item of radioItems">

    <input type="radio" name="options" (click)="model.options = item" 

     [checked]="item === model.options">

    {{item}}

  </label>`

class App {

  radioItems = 'one two three'.split(' ');

  model      = { options: 'two' };

}

这Plunker演示了上面的内容，以及如何使用按钮来更改所选的单选按钮-即证明数据绑定是双向的：

<button (click)="model.options = 'one'">set one</button>