Angular ngModel 带有 if 条件

Question

我是 Angular 的新手，我正在尝试编写一个显示复选框列表的代码。 如果未选中该复选框，它将不会显示在列表中。 我正在使用 ngModel 从接口中获取数据。 我尝试使用 *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>

在此处输入图像描述

Answer 1

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

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