Angular4 单选按钮如何绑定（基础问题）

Question

如题，单选按钮如何绑定事件？

像这种基础的功能Angular官网上有吗，没找到呢。
网上找个遍只有Angular2的，还不全。

<input type="radio" name="pay" [(ngModel)]="pay" value="male">1
<input type="radio" name="pay" [(ngModel)]="pay" value="female">2
<input type="radio" name="pay" [(ngModel)]="pay" value="female">3

Answer 1

首先angular2和angular4， 或者说angular5在组件层面，没有过多的更改，angular2能用的组件拿到angular4，angular5里面基本上都是能用的。

<ng-container *ngFor="let radio from radios; let i = index">
    <input type="radio" name="pay" [(ngModel)]="pay" [value]="radio" (click)="onCheck(radio)">{{i+1}}
</ng-container>

onCheck(radio) {
    this.pay = radio;
}