Primeng и JHIpster вид инкапсуляции - PullRequest
Новая
       21

Primeng и JHIpster вид инкапсуляции

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

У меня проблема с компонентами инкапсуляции вида и стиля в приложении, сгенерированном JHIpster.Я использую некоторые компоненты PrimeNG, такие как MultiSelect.Я хочу изменить некоторые свойства стиля, например, мне нужно изменить ширину на 100%.

Итак, в моем шаблоне я написал что-то вроде этого: 

<p-multiSelect [options]="options" [(ngModel)]="selectedOptions" 
     styleClass="custom-multiselect" panelStyleClass="custom-multiselect-panel">
</p-multiSelect>

Затем в стиле компонентов (SCSS) Я установил одно простое правило: 

.custom-multiselect.ui-multiselect {
    width: 100%;
}

В этой версии это не работает. Мне нужно установить: 

encapsulation: ViewEncapsulation.None

И тогда все работает.Но я думаю, что отключение инкапсуляции не является хорошим способом создания приложений с Angular.

Есть ли возможность исправить эту проблему без изменения инкапсуляции?

...