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

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

例如：

[hidden]="true"

Answer 3

似乎ngStyle是可行的方式。在Angular 8上进行了验证

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

无法在progressbar angular2材质的不确定模式下应用可见性

3 个答案: