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

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"

工作演示