在Angular 7中,如果没有使用NgModel指令,可以通过使用属性绑定和事件绑定来获取复选框的状态(真/假)。
首先,在HTML模板中,使用属性绑定将复选框的状态绑定到一个组件的属性上。例如,假设我们有一个名为isChecked的属性来表示复选框的状态:
<input type="checkbox" [checked]="isChecked" (change)="onCheckboxChange($event)">
在上面的代码中,[checked]="isChecked"将复选框的状态绑定到isChecked属性。当isChecked为真时,复选框将被选中;当isChecked为假时,复选框将不被选中。
接下来,在组件的代码中,定义isChecked属性和onCheckboxChange方法:
isChecked: boolean = false;
onCheckboxChange(event: any) {
this.isChecked = event.target.checked;
}
在上面的代码中,isChecked属性初始化为false,表示复选框的初始状态为未选中。当复选框的状态发生改变时,onCheckboxChange方法将被调用,并将复选框的状态更新到isChecked属性中。
通过以上的属性绑定和事件绑定,我们可以实现在没有使用NgModel指令的情况下获取复选框的状态(真/假)。
对于腾讯云相关产品和产品介绍链接地址,由于要求不能提及具体的云计算品牌商,我无法提供相关链接。但你可以通过搜索引擎或腾讯云官方网站来获取相关信息。
领取专属 10元无门槛券
手把手带您无忧上云