javascript - 带有 if 条件的 Angular ngModel

Question

我是 Angular 新手，我正在尝试编写一段代码来显示复选框列表。如果未选中该复选框，则不会显示在列表中。我正在使用 ngModel 从接口(interface)获取数据。我尝试使用 *ngIf 只显示选中的复选框，但它不起作用。我该如何解决这个问题？

HTML:

<div fxFlex fxLayout="row">
                        <div fxLayout="column" class="pr-40 pl-20">
                            <mat-checkbox class="mt-24 pr-4" disabled name="IsTakenColdEnvironment"
                                [(ngModel)]="rawMaterialInformation.IsTakenColdEnvironment">
                                Açıldığında -18 C Alınmalı
                            </mat-checkbox>
                            <mat-checkbox class="mt-24" disabled name="IsOlfactory"
                                [(ngModel)]="rawMaterialInformation.IsOlfactory">
                                Koku Alan
                            </mat-checkbox>
                            <mat-checkbox class="mt-24" disabled name="IsMetalEffective"
                                [(ngModel)]="rawMaterialInformation.IsMetalEffective">
                                Metal Kontrolü
                            </mat-checkbox>

enter image description here

Answer 1

将 *ngIf="your_condition" 添加到您的复选框中。

<mat-checkbox class="mt-24" disabled name="IsMetalEffective" *ngIf="rawMaterialInformation.IsMetalEffective"
    [(ngModel)]="rawMaterialInformation.IsMetalEffective">
    Metal Kontrolü
</mat-checkbox>