angular2组件div模糊

Question

hellow guys，我想设置实现模糊的元素。

因此，我在代码中设置了div。(click)属性设置为变量choose。

码

public data:any[]=[1,2,3,4];
public choose:number;
public setChoose(index:number){
     this.choose=index;
}

哈巴狗

div#mydiv(*ngFor="let item of data;let i = index")
    div((click)="setChoose(i)",[style.choose]="choose==i") {{item}}

CSS

div{
    background:white;
}
.choose{
    background:yellow;
}

现在我通过选择完成选择，它看起来像焦点。但是当我想设置模糊效果时，模糊很清楚choose选择的类被移除，我使用@ HostListener("window:click")并且在触发点击事件时获得$event。很遗憾，事件未被我的功能识别为模糊。

我希望主持人可以检测到mydiv以及外面的人，以实现焦点和模糊。

有什么想法吗？

Answer 1

你犯了一个错误，你使用的是样式而不是类

div((click)="setChoose(i)",[style.choose]="choose==i") {{item}}


div((click)="setChoose(i)",[class.choose]="choose==i") {{item}}