Angular: внедрить CSS из родительского в дочерний компонент

Question

В настоящее время я пытаюсь создать один угловой элемент

Чтобы сделать элемент / компонент повторно используемым в другом месте, нам нужно как-то разрешить родительскому / хостовому компоненту определять стиль для углового элемента i.Я работаю над

Я уже прочитал некоторый материал StackOverflow , что наводит меня на мысль, что все способы устарели на данный момент

Я думаю, что это то, что мы можем сделать вмомент

<host-element>
      <my-element [getStyle] = "getStyleFnFromHost"> </my-element>
</host-element>

Однако я не думаю, что это хороший подход.

Так что, на ваш взгляд, я должен сделать в данный момент?

Редактировать: Я хотел бы уточнить, что отличие моего вопроса от вопроса, на который я ссылаюсь, заключается в следующем: я хотел бы найти хороший способ внедрения CSS / Style из родительского элемента в дочерний элемент.Это не обязательно включает в себя каскадирование CSS от родительских до дочерних элементов

Answer 1

Как описано в ответе, на который вы ссылались, пирсинг-комбинатор ::ng-deep по-прежнему является единственным способом сделать то, что вы просите.Да, в будущем это, скорее всего, будет устаревшим, но только в том случае, если и когда будет доступна соответствующая альтернатива (что еще не сделано).

С Угловые документы (выделеноя):

Пронзительный теневой комбинатор наследников устарел, и поддержка удаляется из основных браузеров и инструментов.Таким образом, мы планируем отказаться от поддержки в Angular (для всех 3 of / deep /, >>> и :: ng-deep).До тех пор :: ng-deep предпочтительнее для более широкой совместимости с инструментами.