Angular2分量DIV模糊

Question

hellow伙计们，我想设置实现模糊的元素。

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

代码

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

pug

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;
}

现在，我通过选择完成选择，看起来看起来像焦点。但是当我想设置模糊效果时，blur清楚地表明了 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}}