Angular 4 - ouline所有組件，並用名稱裝飾

Question

我想選擇所有Angular組件並添加自定義CSS樣式（邊框），並將組件名稱附加div。

有沒有辦法寫一個角度directive或使用@ViewChildren或其他方式來實現？

問題：

1. 選擇所有組件
2. 代碼獲取組件名稱

Answer 1

如果您的方案匹配，則嘗試這樣

in ts 
isselect = false; 

<button (click)="isselect=true"></button> 


<div [ngClass]="{'classname':isselect === true}"> 
    <component1></component1> 
</div> 
<div [ngClass]="{'classname':isselect === true}"> 
    <component2></component2> 
</div> 
<div [ngClass]="{'classname':isselect === true}"> 
    <component2></component2> 
</div>