angular2 组件 div 模糊

Question

大家好，我想设置实现模糊的元素。

因此，我在我的代码中设置了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完成选择，看起来像焦点。但是当我想设置模糊效果时，模糊清除了选择类被删除的choose，我使用@ HostListener("window:click")并得到了@ 987654329@ 触发点击事件。不幸的是，我的函数无法识别事件模糊或不识别。

希望宿主可以单独检测mydiv和外界，实现对焦和模糊。

有什么想法吗？

Answer 1

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

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


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