Question

使用旧表格我可以设置选中这样的单选按钮：

[ngModel]="{checked:''}"

使用新的角度表单我无法使用[checked]实现此目的，但我可以使用<input type="radio" name="transport" [checked]="transport.id == selectedTransport.id"> {{ transport.name }}，然后我尝试这样做：

[ngModel]

这样可行，但如果我设置<input type="radio" name="transport" [checked]="transport.id == selectedTransport.id" [ngModel]="transport" (change)="onTransportChange(transport)"> {{ transport.name }}，则不再检查：

{{1}}

修改

旧形式的笨蛋： http://plnkr.co/edit/zu4j9MpALIgCT9JHuIPz?p=preview

新形式的傻瓜： http://plnkr.co/edit/cWCp5d122h3wvSRa8AYQ?p=preview

任何人都可以帮我这个吗？谢谢！

Answer 1

尝试指定值属性。并且不要忘记，在单选按钮的情况下，Model不应该包含布尔值，但应包含无线电特定值，如：

  <input type="radio" name="food" value="beef" [(ngModel)]="myFood"> Beef
  <input type="radio" name="food" value="lamb" [(ngModel)]="myFood"> Lamb
  <input type="radio" name="food" value="fish" [(ngModel)]="myFood"> Fish

在这种情况下，您不需要[checked]属性。

Angular 2 RadioButton经过检查

1 个答案: