У меня есть компонент, который получает два элемента (svg & input) через <ng-content>
.
<ng-content select="svg"></ng-content>
<ng-content select="input"></ng-content>
Пример компонента, который его использует:
<app-input-icon>
<svg
appSvgRef
...
<path d="..." />
<path
d="..." />
</svg>
<input appInputRef type="text">
</app-input-icon>
Я хочу применить некоторый класс для SVG, когда что-то происходит внутри этого компонента (внутри app-input-icon). Я знаю, что могу применить класс к хосту :host(.focus)
. Но я хочу применить его к его содержанию детей.
Я также знаю, что могу применить стили к детям:
:host ::ng-deep svg {}
Но я хочу применить некоторый класс в динамическом c образом (как это можно сделать с хостом (.focus)
).
Есть предложения?