Как / когда Angular / PrimeNG переименовывает классы CSS с ‘p-‘ на ‘ui-‘?

#css #angular #primeng

#css #angular #primeng

Вопрос:

У меня довольно глупая проблема. Я создал пользовательский компонент PrimeNG, который, похоже, работает нормально, однако есть 2 проблемы:

  • Даже если я использую ViewEncapsulation.Нет как и в других компонентах PrimeNG, используемые / существующие классы PrimeNG CSS (например, стили p-datepicker из файлов темы PrimeNG) не применяются к моему компоненту. Очевидно, что если я скопирую и вставлю соответствующие стили в файл scss моего копонента, они будут работать просто отлично

  • Я абсолютно понятия не имею, кто / когда / как переименовывает названия классов CSS с ‘p-‘ на ‘ui-‘. Проблема в том, что переименование не выполняется для моего пользовательского компонента PrimeNG, они остаются с префиксом ‘p-‘, поэтому очевидно, что компонент оформлен неправильно.

Если я подумаю об этом, я предполагаю, что основная причина первой проблемы та же самая (компонент должен использовать ui-datepicker, однако он все еще использует p-datepicker, который недоступен).

У кого-нибудь есть идеи? Спасибо,

Ответ №1:

Meh: ( Автоматического переименования вообще нет. Путаница возникла из-за того, что я создавал свой компонент на основе исходных текстов github, и мое приложение, очевидно, включало более старую версию primeng, и действительно, с тех пор PrimeNG решил удалить классы CSS из ui- в p-