angular: инкапсуляция компонента Stepper - PullRequest
Новая
       50

angular: инкапсуляция компонента Stepper

0 голосов
/ 19 февраля 2020

У меня проблемы с использованием вместе materal-stepper и ngx-color-picker внутри. В степпере содержимое должно быть найдено в .mat-horizontal-content-container с overflow: hidden. Как следствие, палитра цветов видна только внутри содержимого степпера, а некоторые части могут быть невидимыми.

Решение, которое я нашел с помощью css: 

::ng-deep .mat-horizontal-content-container {
    overflow: visible !important;
}

Однако согласно https://github.com/angular/angular/issues/25160 ng-deep может не поддерживаться в ближайшее время. Решение поста (https://github.com/angular/angular/issues/25160#issuecomment -504642697 ) заключается в следующем: 

1. define a class on the component's container element
2. set the component to encapsulation: ViewEncapsulation.None
3. wrap all styles in the component (SCSS) with the class of the component's container element
4. target any selectors that you want in the library component

Я новичок в angular, насколько я понимаю, я должен обернуть MatStepper в пользовательский компонент, отключив теневой дом внутри него.

Это правильно? Как мы можем обернуть существующий компонент, сохранив все его функции?

Thx.

...