在Angular2中应用条件模糊过滤器样式不起作用

Question

当我想在它上面应用模糊滤镜时有一个div，但有条件地，比如“

          <div class="card" [style.filter]="visibile?'blur(0px)':'blur(3px)'"
</div>

并在组件内部

this.visible = true // or false

但是我没有得到这种风格，其他风格如不透明度，背景颜色和其他风格如果我应用如上所述，但不是过滤风格

任何想法？

Answer 1

改为使用ngClass：

 <div class="card" [ngClass]="visible ? 'blur' : ''"
 </div>


 @Component({
   //..
   styles:['.blur{filter:blur(3px);}']
 })