如何在Angular2中創建切換按鈕

Question

我想知道如何在Angular2中使用單選按鈕作為切換。

我需要的是單選按鈕值是否更改，我想在不創建表單的情況下獲取該值。

請幫忙。

[編輯]：

我做了：

<div class="form-group">
                <label for="gender">Gender</label><br>
                  <input type="radio" name="gender" value="male" checked> Male&nbsp;
                  <input type="radio" name="gender" value="female"> Female<br>
              </div>

以形式獲得性別的價值是失敗的。 但我不想為此使用表格。

Answer 1

在你的組件中

public gender = [
        'male',
        'female'
    ];
onGenderChange(e) {
        console.log(e);
    }

在你的HTML

<div *ngFor="let value of gender">
    <input (change)="onGenderChange($event.target.value)" type="radio" name="gender" value="{{ value }}">{{ value }}
</div>