Angular 7 + Angular Material, styleUrls работает не так, как следовало ожидать - PullRequest
Новая
       56

Angular 7 + Angular Material, styleUrls работает не так, как следовало ожидать

0 голосов
/ 18 ноября 2018

У меня есть приложение angular 5, и пару дней назад я обновил его до последней версии v7.Конечно, я обновил Angular Material + RxJS.

После этого я вижу много проблем с пользовательским интерфейсом.Например, для v5 я использовал styleUrls для моего компонента и следующий CSS для пользовательского интерфейса для компонентов материала: 

:host /deep/ mat-table {
    background: transparent !important;
}

Прямо сейчас, с v7 это не работает, но если я поставлюэто CSS в моем представлении компонентов, например: 

    <style>
        :host /deep/ mat-table {
             background: transparent !important;
         }
    </style>

    ....
<div class="row">
    <div class="col-sm-4">

Все работает нормально, как и ожидалось.Вот почему я думаю, что проблемы с styleUrls, но styles также не работают.Я ничего не знаю о том, как это исправить.

Если кто-то знает, как решить эту проблему, пожалуйста, сообщите мне.

PS С v5 все работает нормально, но с v7 это не работает.

1 Ответ

0 голосов
/ 18 ноября 2018

Как сказано в моем комментарии, вы должны использовать ::ng-deep вместо /deep/: Документация . Вот живой пример, который работает с использованием mat-table html элемента: Stackblitz angular v7 .

Надеюсь, это поможет!

...