如何在角度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中默认选中复选框，我在谷歌中搜索并应用了这么多解决方案，但它不起作用。

Answer 1

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

或

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

假设myModel = true;component.ts

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

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>