角度 5 中的 mat-checkbox 和 ngIf 不起作用

Question

每次勾选和取消勾选复选框时，我都有这段代码来隐藏和显示一段内容。但是，它不起作用。

<mat-checkbox ngModel="checked" ngInit="checked=true">Check me!</mat-checkbox>
            <div *ngIf="checked">
                    <mat-radio-group formControlName="contactSupport">
                            <mat-radio-button value="Low">Low</mat-radio-button>
                            <mat-radio-button value="Normal">Normal</mat-radio-button>
                            <mat-radio-button value="high">high</mat-radio-button>
                            <mat-radio-button value="none">None</mat-radio-button>
                    </mat-radio-group>

            </div> 

Answer 1

您需要做的就是使用 2 路绑定

改变这个：

ngModel="checked"

到

[(ngModel)]="checked"

WORKING DEMO