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

Question

在我的 html 中：

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


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

在我的组件中：

myClick(_myRadio:HTMLElement)
{

}

我试过将结果保存在一个boolean类型的变量中，但是没有属性isChecked或者Value，所以我就卡在了这里。

如何判断用户点击按钮时单选按钮是否被选中？

Answer 1

试试 ngModel:

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

NgModel 将复选框值（如果选中 true 否则 false）绑定到 class 属性 category。按钮点击调用的方法 myClick() 然后可以使用属性:

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

如果您希望不导入表单模块，您可以在输入上使用属性和事件绑定来实现相同的结果：

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

How to check on button click is the radio button checked angular2/typescript