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 材料中提出了一个问题，它已得到解决并将更改推送到 master 分支。 https://github.com/angular/material2/issues/2413 如果有人遇到与 beta.1 版本相同的问题，请使用 npm install https://github.com/angular/material2-builds.git解决此问题

Answer 1

如果您不想再次安装，可以用 div 围绕栏。像下面

 <div  [hidden]="showLoading">
<md-progress-bar
  mode="indeterminate"
  aria-label="Loading"></md-progress-bar></div>

Answer 2

似乎ngStyle是要走的路。在 Angular 8 上验证

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

Answer 3

您可以使用接收布尔值的 [hidden] 指令。

例如：

[hidden]="true"