鍍金池/ 問答/HTML5  HTML/ Angular4 單選按鈕如何綁定(基礎(chǔ)問題)

Angular4 單選按鈕如何綁定(基礎(chǔ)問題)

如題,單選按鈕如何綁定事件?

像這種基礎(chǔ)的功能Angular官網(wǎng)上有嗎,沒找到呢。
網(wǎng)上找個遍只有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
回答
編輯回答
瘋浪

首先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;
}
2018年5月5日 23:35