在 Angular2 中应用条件模糊滤镜样式不起作用
applying conditional blur filter style in Angular2 is not working
我有一个 div 当我想在它上面应用模糊滤镜但有条件地,比如“
<div class="card" [style.filter]="visibile?'blur(0px)':'blur(3px)'"
</div>
和组件内部
this.visible = true // or false
但我没有得到这种风格,如果我像上面那样应用其他风格,如不透明度、背景颜色和其他风格,但不是过滤器风格
有什么想法吗?
改用 ngClass :
<div class="card" [ngClass]="visible ? 'blur' : ''"
</div>
@Component({
//..
styles:['.blur{filter:blur(3px);}']
})
我有一个 div 当我想在它上面应用模糊滤镜但有条件地,比如“
<div class="card" [style.filter]="visibile?'blur(0px)':'blur(3px)'"
</div>
和组件内部
this.visible = true // or false
但我没有得到这种风格,如果我像上面那样应用其他风格,如不透明度、背景颜色和其他风格,但不是过滤器风格
有什么想法吗?
改用 ngClass :
<div class="card" [ngClass]="visible ? 'blur' : ''"
</div>
@Component({
//..
styles:['.blur{filter:blur(3px);}']
})