Передача CSS: основных классов элементам компонента - PullRequest
Новая
       22

Передача CSS: основных классов элементам компонента

0 голосов
/ 06 августа 2020

Речь идет не о стилизации дочерних компонентов с использованием ng-deep или добавлении ввода стиля / класса в дочерний компонент, а о передаче классов элементам.

Я пытаюсь передать класс dropdown-item, который директива NgbDropdownItem прикрепляет к элементу. У меня есть компонент, который обертывает кнопку с некоторыми функциями, и я хочу, чтобы кнопка также получила класс dropdown-item. Мое текущее решение - дать компоненту следующий sass: 

@import '~bootstrap/scss/functions';
@import '~bootstrap/scss/variables';
@import '~bootstrap/scss/mixins';
@import '~bootstrap/scss/dropdown';

:host.dropdown-item button { // or :host.dropdown-item *
  @extend .dropdown-item;
}

Было бы неплохо иметь возможность передавать любой именованный класс от хоста к его элементам без необходимости его импорта, возможно ли это?

...