Классы, установленные динамически в свойстве 'host' директивы, не применяются к родительскому шаблону в angular 8 - PullRequest
Новая
       15

Классы, установленные динамически в свойстве 'host' директивы, не применяются к родительскому шаблону в angular 8

0 голосов
/ 13 января 2020

Я реализую сортировку в приложении angular 8 с использованием таблицы ng- bootstrap, следующей за примером здесь https://ng-bootstrap.github.io/# / components / table / examples # sortable В примере, как только я наведу курсор в заголовке таблицы он меняется на указатель руки с примененным классом, выделенным справа на изображении ниже

enter image description here

Как только я нажимаю на заголовок слева от значения заголовка появляется стрелка, а класс, отвечающий за него, выделен справа на изображении ниже

enter image description here

Если мы проверьте код в файле table-sortable.ts, эти стили исходят из свойства директивы host, как показано на рисунке

enter image description here

Я использую ту же директиву в своем приложении angular, но стили не применяются к элементу заголовка. Сортировка работает, но как только я наведу курсор на заголовок, курсор-указатель не отображается, и после нажатия на заголовок стрелка не отображается, хотя class = "as c" добавляется к элементу заголовка, как показано на рисунке ниже. , Классы, которые выделены справа на изображениях выше, здесь не справа.

enter image description here

Не могу понять, почему стили не применяются. Я также установил «ViewEncapsulation» в «None» в родительском компоненте, но стили по-прежнему не применяются. Пожалуйста, помогите мне с этим.

1 Ответ

1 голос
/ 16 января 2020

Я нашел проблему. Я добавил требуемый th [sortable] .des c: before, th [sortable] .as c: before и другие необходимые CSS классы в глобальный файл style.s css, и теперь он работает.

...