Как динамически стилизовать хост компонента - PullRequest
0 голосов
/ 23 апреля 2019

Пример: https://stackblitz.com/edit/angular-mkcfsd

У меня есть компонент icon (app-icon), который динамически берет путь и вставляет путь в окно svg, я получаю высоту и ширину пути, затем устанавливаю svgна эту высоту и ширину.Это так, где бы я ни использовал значок, он будет правильно выровнен.Моя проблема в том, что оболочка app-icon добавляет 3-4px к высоте / ширине каждого значка, я понятия не имею, почему.Там нет отступов или полей, которые я вижу.(осмотрите элемент app-icon и сравните его с дочерними элементами)

Я подумал, что лучше всего установить: host равным ширине и высоте пути.Но я не нашел способ сделать это динамически.Мне удалось установить стили на хосте только из моего файла scss, но, к сожалению, я не могу обновлять эти стили динамически.

1 Ответ

0 голосов
/ 23 апреля 2019

Вы можете использовать @ HostBinding

@HostBinding('class.my-class') get myClass() {
  return true;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...