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>