如何检查按钮单击是单选按钮angular2 / typescript

Question

在我的HTML中：

<input #myRadio type="radio" name="category" id="work-time" />


<button (click)="myClick(myRadio)">save</button>

在我的组件中：

myClick(_myRadio:HTMLElement)
{

}

我试图将结果保存在布尔类型变量中，但是没有属性isChecked或Value，所以我陷入了困境。

如何检查用户点击按钮时是否选中了单选按钮？

Answer 1

尝试ngModel：

<input type="checkbox" name="category" [(ngModel)]="category" />
<button (click)="myClick()">save</button>

NgModel将复选框值（如果选中true，另外false）绑定到类属性category。按下按钮myClick()调用的方法可以使用属性：

myClick() {
  // do stuff with this.category;
}

如果您更喜欢不导入表单模块，则可以在输入上使用属性和事件绑定来完成相同的结果：

<input type="checkbox" name="category" [checked]="category" (click)="category = !category" />
<button (click)="myClick()">save</button>