Как использовать селектор angular: host css в файле .sass? (НЕ .scss)

Я работаю над файлом sass (с расширением .sass) для компонента в моем приложении angular. Я хотел бы применить дополнение к хосту, чтобы избежать добавления ненужного div в шаблон.

В css это будет:

:host {
    padding: 20px;
}

В синтаксисе sass с отступом это будет:

:host
    padding: 20px

Однако всякий раз, когда я пытаюсь скомпилировать проект с помощью «ng s» или «ng build», я получаю следующую ошибку:

Неверный CSS: ожидался 1 селектор или at-правило, было "host: {"

Я искал повсюду и нашел ответы только для синтаксиса scss, а не для синтаксиса sass. Как заставить этот селектор Angular работать с sass?


person Logan Kitchen    schedule 12.07.2018    source источник
comment
ваш файл .sass ??   -  person malbarmavi    schedule 13.07.2018
comment
Да. Извини. Я думал, что уточнил это в вопросе. Я добавлю это.   -  person Logan Kitchen    schedule 13.07.2018
comment
Это точно дубликат. Я искал довольно долго. Не знаю, как я пропустил этот вопрос. Хотя в другом билете также не ясно, какой синтаксис SASS используется.   -  person Logan Kitchen    schedule 13.07.2018


Ответы (1)


Замена :host на \:host работает для меня .. попробуйте!

person Josh Stevens    schedule 12.07.2018
comment
Да, работал как шарм. - person Logan Kitchen; 13.07.2018
comment
это сэкономило мне время, зачем \ требуется? - person Rob Angelier; 17.09.2019
comment
Те, кто все еще борется, используют :host ::ng-deep вместо /host /deep/ - person Nimish goel; 28.10.2019