Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 选中角10中的复选框状态_Html_Angular - Fatal编程技术网

Html 选中角10中的复选框状态

Html 选中角10中的复选框状态,html,angular,Html,Angular,我用的是角度10。我的html文件中有一个复选框。在我的typescript文件中,我想查看复选框是否被选中,并相应地执行一些操作。如果复选框被选中,是否有一种方法可以获得复选框的选中状态,如true,否则为false?TIA。据我所知,我们有两种检查复选框状态的方法: 将库用于角度、例如:材质UI:或其他库 在HTML模板上使用angular[(ngModel)]=“checked”的双向绑定 您可以像这样使用双向绑定 html 可以使用更改事件检查状态 <input type=&quo

我用的是角度10。我的html文件中有一个复选框。在我的typescript文件中,我想查看复选框是否被选中,并相应地执行一些操作。如果复选框被选中,是否有一种方法可以获得复选框的选中状态,如true,否则为false?TIA。

据我所知,我们有两种检查复选框状态的方法:

  • 将库用于角度、例如:材质UI:或其他库
  • 在HTML模板上使用angular[(ngModel)]=“checked”的双向绑定

  • 您可以像这样使用双向绑定

    html


    可以使用更改事件检查状态

    <input type="checkbox" (change)="onSelect($event.target.checked)">
    
    
    onSelect(state:boolean) {
         console.log("Is Checked? ", state)
    }
    
    
    onSelect(状态:布尔){
    日志(“是否已检查?”,状态)
    }
    
    如果您没有使用模板表单或反应表单

    <input type="checkbox" (change)="changeEvent($event.target.checked)">
    
    
    
    对于模板表单

    <input type="checkbox" [(ngModel)]='checked' (ngModelChange)="changeEvent()">
    
    
    
    对于反应形式

    <input type="checkbox" formControlName='check'>
    
    this.form.get('check').valueChanges
    .subscribe((check)=> this.changeEvent())
    
    
    此.form.get('check').valueChanges
    .subscribe((检查)=>this.changeEvent())
    
    <input type="checkbox" [(ngModel)]='checked' (ngModelChange)="changeEvent()">
    
    <input type="checkbox" formControlName='check'>
    
    this.form.get('check').valueChanges
    .subscribe((check)=> this.changeEvent())