title: Angular update 8 to 14 makes [hidden] not working anymore
body: <p>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.</p>
  <p>The follwoing code is:</p>
  <pre><code> &lt;mat-checkbox [hidden]=&quot;true&quot; color=&quot;primary&quot; style=&quot;color:#787676&quot;
                              [(ngModel)]=&quot;msgIsChecked&quot; name=&quot;vip&quot;&gt;
                              {{'hello'}}&lt;/mat-checkbox&gt;
  </code></pre>
  <p>The imports are: BrowserAnimationsModule, MatCheckboxModule, ReactiveFormsModule,......
  Obviously &quot;true&quot; is only for testing. But still with this true or false the checkbox does not change its behaviour.</p>
  <p>Stackblitz Link :
  <a href="https://stackblitz.com/edit/angular-kgqcxt?file=package.json,src%2Fapp%2Fapp.component.html" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-kgqcxt?file=package.json,src%2Fapp%2Fapp.component.html</a></p>