如果复选框处于隐藏状态,如何禁用该复选框

时间:2020-09-10 08:31:57

标签: angular typescript

我有一个下拉菜单,并根据下拉菜单中的选择显示一个复选框。

所以我能够做到这一点。但是当我一次选择需要显示复选框的选项并且我选中了复选框时,如果我选择了不会显示复选框的选项,那么我仍然会在单击按钮时看到true值。我该如何解决?

代码:

<label *ngIf="selectedTemplate.name == 'A'" class="container">
              <input type="checkbox" [(ngModel)]="IsChecked" data-md-icheck />
              <span class="customFontAgHeader">Include A</span>
              <span class="checkmark"></span>
            </label>

所以在按钮上单击我仍会看到它被选中为true,因为以前我已经选择了true,然后更改了下拉选项,所以我想取消选中它。

1 个答案:

答案 0 :(得分:0)

.html

Dropped all tables successfully.
Migration table created successfully.
Nothing to migrate.

以ts

<select (change)="onchanged()">
        --------------
    </select>

或其他(编辑)

onchanged()
{
  this.IsChecked = false
}