如果复选框被选中，如何更改布尔值？

Question

我想使用一个简单的复选框在组件文件中更改一个布尔值。如果未选中，则应保留为false，否则应为true。

组件：

export class UsersComponent {
  public Personal: boolean = false;
}

HTML：

<label>
    <input type="checkbox" name="Personal" [(ngModel)]="Personal"/>
    Personal
</label>

Answer 1

由于您在html nan中添加了2种方式的绑定，因此它应该自动分配

通过

检查

x

Answer 2

您可以使用它们来切换“个人”的值

HTML：

<label>
    <input type="checkbox" [checked]="Personal" (change)="mPersonal = !Personal" /> Checked + Change
    {{Personal}}
</label>

正确进行2向绑定：

<label>
    <input type="checkbox" name="Personal" [(ngModel)]="Personal" />
    {{Personal}}
</label>