Javascript 如何在Angular2中创建切换按钮

我想知道如何在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>

性别

男性
女性

在一种形式中获得性别的价值是致命的。但是我不想在组件中使用表单

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>

{{value}}

@Nicro:谢谢回复，请查看我在表单中使用单选按钮所做的编辑，但不了解如何在没有表单元素的情况下使用它。提前谢谢你能告诉我如何将任何一个设置为detault checked[checked]=“value=”male“。这是你需要的吗？谢谢，还有一件事，我需要把值作为一个变量。我尝试了checked=“value={{{is_subscribed}}”和[checked]=“value={{{is_subscribed}}”。你能帮忙吗。再次非常感谢[选中]=“值==已订阅”