after a big update from angular 8 to angular 14 I encounter a problem with the [hidden] property. The [hidden] is not working anymore and the material checkbox is always visible. The follwoing code is: <mat-checkbox [hidden]="true" color="primary" style="color:#787676" [(ngModel)]="msgIsChecked" name="vip"> {{'hello'}}</mat-checkbox> The imports are: BrowserAnimationsModule, MatCheckboxModule, ReactiveFormsModule,...... Obviously "true" is only for testing. But still with this true or false the checkbox does not change its behaviour. Stackblitz Link : https://stackblitz.com/edit/angular-kgqcxt?file=package.json,src/app/app.component.html Continue reading...
