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

现在我完成选择通过选择，看来罗确定像focus.But当我想设置模糊效果，模糊是清除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}}