@quiplunar

Angular scss не работает $self из-за shadowcsshost?

5ed65e9688fc9340372130.png

И так проблема заключается в том что в $self попадает :host .ui-input, так как & будет содержать :host .ui-button.

Angular запрещает использовать такую конструкцию:

:host {
     // code
     :host {
          // code
     }
}


И в css добавляет shadowcsshost:

5ed65f45e95c8991726933.png
  • Вопрос задан
  • 49 просмотров
Решения вопроса 1
@quiplunar Автор вопроса
Решением данной проблемы является простая scss функция:

$self: self(&);

@function self($self) {
  @return selector-replace($self, ':host', '*');
}


Мы просто заменяем :host на *
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
WEEEK Москва
от 140 000 до 200 000 ₽
Strahovkaru Санкт-Петербург
от 80 000 до 120 000 ₽
Sellavi Москва
от 60 000 до 90 000 ₽
07 июл. 2020, в 07:31
1000 руб./за проект
06 июл. 2020, в 23:49
10000 руб./за проект
06 июл. 2020, в 23:32
35000 руб./за проект