Angular 4 - ouline所有组件并用名称装饰

时间:2017-10-04 09:11:02

标签: angular

我想选择所有Angular组件并添加自定义CSS样式(border)并使用组件名称附加div。

有没有办法写角度directive或使用@ViewChildren或其他方式来实现这一目标?

的问题:

  1. 选择所有组件
  2. 在代码中获取组件名称

2 个答案:

答案 0 :(得分:0)

如果您的方案匹配,那么尝试这样

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>

答案 1 :(得分:0)

我想要的是Augury Chrome扩展程序解决的问题:

enter image description here