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

Question

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

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

: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 это не работает.

Answer 1

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

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