选择 Angular Material 复选框会导致出现另一个复选框

Question

我有两个 Angular Material 复选框：

<mat-checkbox>BOX1</mat-checkbox>
<mat-checkbox>BOX2</mat-checkbox>

我希望BOX2 仅在选中BOX1 时出现。当取消选中 BOX1 时，BOX2 应该会消失。是否有任何例子可供我查看以实现此目的？谢谢你的时间。

Answer 1

您可以在第二个复选框上使用 *ngIf。请参阅底部的 stackblitz。

export class AppComponent  {
  public form: any = {
    checkboxOne: false,
    checkboxTwo: false
  }
}

<md-checkbox 
    [(ngModel)]="form.checkboxOne">One</md-checkbox>
<md-checkbox 
    *ngIf="form.checkboxOne" [(ngModel)]="form.checkboxTwo">Two</md-checkbox>

https://stackblitz.com/edit/angular-material-ncsge5

选择 Angular Material 复选框会导致出现另一个复选框

Selecting an Angular Material checkbox causes another checkbox to appear

angular-material

angular