Невозможно применить видимость в неопределенном режиме для ProgressBar 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, пожалуйста, используйте НПХ установок https://github.com/angular/material2-builds.git для решения этой проблемы

Answer 1

вы можете использовать [скрытую] директиву, которая принимает логическое значение.

, например:

[hidden]="true" 

Answer 2

Вы можете окружить бар с DIV, если вы не хотите, чтобы установить снова. как показано ниже

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