如何检索mat-checkbox值
mat-checkbox是Angular Material库中的一个组件，用于创建复选框。它可以用于在表单中选择一个或多个选项。
要检索mat-checkbox的值，可以使用Angular的双向数据绑定机制。首先，在组件的模板中，使用[(ngModel)]指令将mat-checkbox绑定到组件的一个属性上。例如：
<mat-checkbox [(ngModel)]="isChecked">选项</mat-checkbox>然后，在组件的代码中，可以通过访问isChecked属性来检索mat-checkbox的值。isChecked属性将在用户选择或取消选择复选框时自动更新。
isChecked: boolean = false;
// 检索mat-checkbox的值
console.log(this.isChecked);在上面的示例中，isChecked属性的初始值为false。当用户选择复选框时，isChecked属性将更新为true。可以通过访问isChecked属性来检索mat-checkbox的值。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）
- 链接地址：https://cloud.tencent.com/product/cvm
腾讯云云服务器（CVM）是腾讯云提供的弹性计算服务，可为用户提供安全、可靠、高性能的云端计算服务。用户可以根据自己的需求选择不同配置的云服务器实例，并灵活调整实例规格和数量。腾讯云云服务器支持多种操作系统和应用场景，适用于网站托管、应用程序部署、数据备份、虚拟桌面等各种场景。
希望以上信息能对您有所帮助！
相关·内容
2回答
string;} <section *ngFor="let opt of step.answers"> <p [innerHTML]="opt.content"> </p>
</mat-checkb
浏览 39提问于2020-04-13得票数 1
回答已采纳
7回答
我有一个复选框列表： <mat-checkbox [checked]="item.value" (click)="toggle(_checkbox_value_here_)">{{item.key}}</mat-checkbox>我需要将checkbox值(_checkbox_value_he
浏览 0提问于2018-11-13得票数 14
回答已采纳
> <div [formGroupName]="Monday"> <mat-checkboxformControlName="isOpen">Monday </div>
<div >
浏览 6提问于2020-04-04得票数 2
Html <mat-checkbox [(ngModel)]="bChecked">Blogs</mat-checkbox> <mat-checkbox [(ngModel)]
浏览 0提问于2018-10-17得票数 1
回答已采纳
使用checked输入属性时，My mat复选框不会更改值。<mat-checkbox [checked]="false"</mat-checkbox>
请解释checked
浏览 1提问于2018-12-12得票数 2
回答已采纳
我有几个复选框，并且我有一个函数可以从复选框中返回所选对象，但是当我只选中一个复选框时，它会console.log所有内容，并且不会从复选框中返回值<ng-container *ngIf="(world$ | async) as world"> <mat-checkbox[checked]="get(lang
浏览 0提问于2019-09-25得票数 0
2回答
在使用带有复选框的单向数据绑定时，复选框复选标记不代表绑定值的正确值。它可以独立于该值被选中和取消选中。<mat-checkbox (click)="onSelect(0)"</mat-checkbox><<em
浏览 0提问于2020-04-27得票数 0
<mat-checkbox (click)=" checkBoxFilter($event.target.value)"class="example-margin" >Expired</mat-checkbox" >Grace</mat-checkbox>
<mat-checkbox (click)=" checkBoxFilter($event.
浏览 1提问于2019-11-06得票数 0
我使用的数据库不使用布尔值true和false。在角材料中如何设置Y的值和checkbox的N值<mat-checkbox formControlName="IS_ACTIVE" (change)="checkboxChange($event.checked)"></mat-checkbox> public setValueOptions = {
浏览 0提问于2019-06-25得票数 1
回答已采纳
12回答
复选框角材料默认检查
、、、
<mat-checkbox class = "example-margin" [(ngModel)] = obj.impresora> </mat-checkbox
浏览 8提问于2017-11-07得票数 35
回答已采纳
我在我的应用程序中使用了一些mat-checkbox，但我不知道如何从复选框中接收字符串，而不是布尔值。阅读网站中的API，我可以找到'value‘属性，它可以将字符串传递给这个复选框……但是我如何将它绑定到我的变量呢？
我正在尝试这样的东西。<mat-checkbox color="warn" value="Hello" [(ngModel)]="myString"> Hello </mat-che
浏览 0提问于2019-03-14得票数 0
我可以检索这些值。但我的问题是:输入元素必须与单击的复选框一起存储。帐户(输入元素)具有与它们相关联的不同角色。角色是根据复选框选中的值分配的。
在打字稿中，我想把帐户和它的角色放在一起。在角码中，如果我有两个帐户，我可以获取第一个帐户值的值，而不是第二个帐户值的值。如何修改ngFor以获取多个帐户值。name="accountid" (change)="updateUser($event.target.
浏览 0提问于2019-08-30得票数 0
1回答
;}<div> <mat-checkbox [(ngModel)]="oui" (change)="cocher()" >oui ?</<e
浏览 3提问于2018-05-31得票数 1
回答已采纳
我想把缺省值“选中”放在mat-checkbox中 @Input() set parkings(checked:boolean){ } 和我的HTML代码 <mat-checkboxchecked [(ngModel)]="parkings">Parkings</mat-checkbox> 我想把它设为缺省选中
浏览 7提问于2019-03-30得票数 0
回答已采纳
3回答
我给了这个复选框一个这样的ID： MyCheckbox我如何解决这个问题，或者是否有更好的方法不使用复选框(ngModel)来做某事
浏览 11提问于2017-10-19得票数 6
回答已采纳
我可以禁用我的mat-checkbox，但希望保持与启用时相同的css。当输入文本有值时，将选中复选框，如下所示：
<mat-checkbox [disableRipple]="true" [checked]="option.controls.text.value !formControlName="info" class="input-other" maxlength="100" type="text" [value]=&q
浏览 0提问于2018-12-18得票数 17
回答已采纳
基本上，这些值来自5个不同的复选框。如何检查一个值是否为false，然后显示，然后调用this.showContingencyPopup(); <div class="contingency-checkbox"
浏览 1提问于2021-12-04得票数 0
回答已采纳
我如何实现一个材料复选框，使它不会被检查/默认不检查(例如。在事件上调用preventDefault() )并从事件中获取checked值？<mat-checkbox (click)=&
浏览 1提问于2018-09-17得票数 2
回答已采纳
在这里，我试图从平面json创建一个嵌套的可展开表。下面是扁平的json： { "_id": "3452188c-a156-4ee4-b6f9-9d313bdbb148", "main": "boeing",
"
浏览 0提问于2019-09-17得票数 10
回答已采纳
我正在使用<mat-checkbox></mat-checkbox>，我想根据不同的颜色代码值来改变它的颜色。我如何在angular 7中实现这一点。我知道它可以用前面提到的here实现。
浏览 34提问于2019-02-02得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
