时间戳

首页 > 解决方案 > 复选框角

javascript - 复选框角

问题描述

我正在使用角度，我不确定它是否有问题。所以我有一个复选框，当我单击它时，它可以工作，但是当我需要选择另一个对象并且我需要单击它时。看来它（复选框）具有先前的状态。如果我选择另一个元素来单击，我需要它。它具有默认状态（取消勾选 (false)）。

.ts

show = false

toggleContract() {
   this.show = !this.show
}

.html

<p-checkbox  (click)='toggleContract()' [ngModel]="show"></p-checkbox>
<ng-container *ngIf="show"><ng-container />

标签： javascriptangularcheckbox

解决方案

您可以使用两种方式绑定[(ngModel)]，然后您不需要处理事件。Angular 自己做。

HTML：

<p-checkbox  [(ngModel)]="show"></p-checkbox>
<ng-container *ngIf="show"><ng-container />

打字稿：

show = false

推荐阅读