angular 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