如何使角度6中的默认复选框选中？

Question

lanuage.component.html

<form method="post" enctype="multipart/form-data">
   <mat-checkbox class="versionstyle" name="languageenabled"[(ngModel)]="languageObj.languageenabled">Enabled</mat-checkbox>
</form>

我要使默认情况下在angular6中选中此复选框，我在google中搜索并应用了很多解决方案，但它不起作用。

Answer 1

<mat-checkbox class="example-margin" [(ngModel)]="myModel"/>

OR

<mat-checkbox [checked]="myModel" class="example-margin"/>

假设myModel = true;中的component.ts

根据您的情况，尝试在this.languageObj.languageenabled = true中初始化component.ts

Answer 2

mat-checkbox公开了一个@Input() checked: Boolean属性。您可以在代码中执行此操作：

[checked]="languageObj.languageenabled"

Answer 3

对于选中复选框

<form method="post" enctype="multipart/form-data">
    <mat-checkbox 
      [checked]="true">Checked
    </mat-checkbox>
</form>

对于未选中的复选框

<form method="post" enctype="multipart/form-data">
    <mat-checkbox 
      [checked]="false">Uncheked
    </mat-checkbox>
</form>