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