查看

Question

能否请您告诉我一种获取角度2中的复选框值的方法

这是我的代码

https://stackblitz.com/edit/angular-grtvc7?file=src%2Fapp%2Fapp.module.ts

我知道如何使用这样的模板变量来做到这一点

<mat-checkbox #ch>Check me!</mat-checkbox>

  checkCheckBoxvalue(ele){
    console.log(ele.checked)
  }

我想知道另一种实现此功能的方法

Answer 1

您需要使用=IF(B2 x C2 =SMALL($B$2:$B$7 x $C$2:$C$7,1),"Lowest","")事件

change

Working Example

Answer 2

将[ngModel]绑定到复选框

<input type="checkbox" name="checkbox" [(ngModel)]="isChecked">


const isChecked : boolean;

Answer 3

使用更改事件。已选中目标。

<mat-checkbox (change)="checkCheckBoxvalue($event)">Check me!</mat-checkbox>

checkCheckBoxvalue(event){
   console.log(event.target.checked)
}

Answer 4

使用模板驱动的表单

1。创建复选框

我们需要在复选框中使用ngModel作为属性，以便可以使用NgForm指令注册它们。

创建复选框：

<input type="checkbox" name="tc" ngModel>

2。在表单提交时获取价值

当我们提交表单并假设表单值作为表单存储在NgForm实例中时，我们可以使用form.controls [...]获取复选框值，如下所示。

this.user.isTCAccepted = form.controls['tc'].value;

Answer 5

由于您已经有了本地参考StreamBuilder( stream: Connectivity().onConnectivityChanged, builder: (BuildContext context, AsyncSnapshot<ConnectivityResult> result) { if (result.data == ConnectivityResult.wifi) return Text('wifi'); return Text('no wifi'); } )，因此可以在需要时在组件ts文件上使用它

#c

您可以在表单提交或复选框本身的更改事件中调用它。

Answer 6

您可以使用ngModel，因为您已经导入了FormsModule。那是推荐的方式。检查我的stackblitz

这里还有一些代码

查看

<mat-checkbox [(ngModel)]="checkBoxValue" [ngModelOptions]="{standalone: true}">Check me!</mat-checkbox>
<button (click)="checkCheckBoxvalue()">check check box value</button>

组件

checkBoxValue: any = false;
checkCheckBoxvalue(){
    console.log(this.checkBoxValue)
}

如何获取角度复选框值？

6 个答案:

查看

组件