AngularMaterial-存储复选框状态(已选择或未选择)。
创始人
2024-10-28 07:01:44
0

可以使用Angular Material的MatCheckbox组件来创建复选框。为了存储复选框的状态,可以使用Angular的FormControl和FormGroup。

下面是一个示例代码,展示了如何创建一个FormGroup来存储两个复选框的状态:

import { Component } from '@angular/core';
import { FormControl, FormGroup } from '@angular/forms';

@Component({
  selector: 'checkbox-demo',
  templateUrl: 'checkbox-demo.html',
  styleUrls: ['checkbox-demo.css'],
})
export class CheckboxDemo {
  formGroup = new FormGroup({
    checkbox1: new FormControl(false),
    checkbox2: new FormControl(false),
  });
}

在模板中,可以把FormGroup绑定到每个复选框的ngModel上。这样,每次复选框的状态发生变化时,都会自动更新FormGroup中对应的控件的值。


  Checkbox 1


  Checkbox 2

现在,可以通过调用FormGroup的getValue()方法来获取所有复选框的状态:

submit() {
  console.log(this.formGroup.value.checkbox1);
  console.log(this.formGroup.value.checkbox2);
}

相关内容

热门资讯

透视系统!wepoker透视脚... 透视系统!wepoker透视脚本网页,wpk作弊最怕三个东西,可靠技巧(本来是真的有挂);亲们利用一...
透视好友房!wepoker透视... 透视好友房!wepoker透视底牌脚本,德普之星透视辅助软件,微扑克教程(素来真的有挂)需要回顾用户...
透视科技!红龙poker脚本,... 透视科技!红龙poker脚本,德普之星透视辅助软件,wepoke教程(先前有挂);德普之星透视辅助软...
透视免费!德普之星透视辅助软件... 透视免费!德普之星透视辅助软件下载,sohoo poker辅助,揭秘教程(果然有挂);原来确实真的有...
透视模拟器!wepoker辅助... 1、透视模拟器!wepoker辅助透视软件,拱趴大菠萝有挂吗,透牌教程(本然存在有挂);详细教程。2...
透视黑科技!aapoker透视... 透视黑科技!aapoker透视插件下载,hhpoker哪个俱乐部靠谱,黑科技教程(从来真的有挂)关于...
透视最新!aapoker脚本怎... 透视最新!aapoker脚本怎么用,poker红龙辅助,德州教程(真是有挂)1、点击下载安装,微扑克...
透视透视!红龙poker作弊指... 透视透视!红龙poker作弊指令,拱趴大菠萝作弊方法,2025新版技巧(其实真的有挂);支持2-10...
透视软件!wpk辅助插件叫什么... 透视软件!wpk辅助插件叫什么,聚星ai辅助工具下载,科技教程(原生真的是有挂)1、完成wpk辅助插...
透视最新!wpk透视脚本链接,... 透视最新!wpk透视脚本链接,如何下载wpk透视版,德州论坛(先前存在有挂);致您一封信;亲爱wpk...