javascript - Angular ngModel עם תנאי if

אני חדש ב-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>

הכנס תיאור תמונה כאן

תשובה #1

הוסף *ngIf="your_condition" לתיבת הסימון שלך.

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