Dynami c class to :: ng-deep элементов - PullRequest
0 голосов
/ 20 апреля 2020

У меня есть компонент, который получает два элемента (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)).

Есть предложения?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...