angular - プログレスバーangular2マテリアルの不確定モードで可視性を適用できません

Question

 <md-progress-bar color="warn" mode="indeterminate" [class.hide]="visible"></md-progress-bar>

Angular2 マテリアル 2.0.0-beta.1

https://plnkr.co/edit/sHtce9IcdCXuLb8kPhgr?p=preview

angular2 マテリアルで問題を提起しましたが、解決され、マスター ブランチに変更がプッシュされました。 https://github.com/angular/material2/issues/2413 beta.1 リリースで同じ問題が発生した場合は、npm install https://github.com/angular/material2-builds.gitを使用してこの動作を解決してください

Answer 1

ngStyleが進むべき道のようです。Angular 8で検証済み

<mat-progress-bar [color]="'warn'"
                  [mode]="'indeterminate'"
                  [ngStyle]="{'visibility':mainFrameLoading==true ? 'visible' : 'hidden'}">
</mat-progress-bar>

Answer 2

ブール値を受け取る [hidden] ディレクティブを使用できます。

例えば：

[hidden]="true"