Как интегрировать дизайнер PrimeNG API в существующее приложение Angular 7?

Question

В настоящее время я использую PrimeNg v5.2.7 на angular 7.2.0 Я планирую использовать API дизайнеров для предоставления функций настройки нашим пользователям, и я думаю, что API дизайнеров поможет нам в этом.

Как мне интегрировать конструктор API в наше выходящее приложение? Мы находимся на Angular 7.2.0. Был бы очень признателен, если есть подробные шаги, изложенные где-то.

https://www.primefaces.org/designer-ng/#/documentation
Прошел эту 1 страницу документации. Извлекла zip их дизайнерского API из URL -> https://github.com/primefaces/primeng-designer-trial Запустил проект и внес изменения в код, чтобы посмотреть, смогу ли я предоставить параметры настройки своим пользователям. Это соответствует моим требованиям.

Как мне добавить primeng desinger api в мое существующее приложение angular 7?

Answer 1

PrimeNg дизайнерское приложение представляет собой набор некоторых файлов scss. Он будет работать на PrimNg V5 и выше.

Во-первых, загрузите исходный код с -> https://www.primefaces.org/primeng-designer-api/

Проект содержит довольно много папок с некоторыми файлами в них. Самые важные из них - папка «дизайнер». Не вносите никаких изменений в эту папку. Основные файлы ->

fonts Folder of the font files
fonts.scss: Definition of the @font-face of the theme
variables.scss: List of variables to create your own theme
extensions.scss: Customizations to the theme
theme.scss: Main theme file that imports the scss files required for the theme

Вам нужно будет скопировать все эти папки и затем вставить их в папку ресурсов вашего текущего проекта. Вот и все. Это все, что вам нужно сделать, чтобы импортировать конструктор API в текущее приложение.

PrimeNg дизайнер API не подходит для изменения пользовательского интерфейса на лету. Если вы хотите предоставить заранее определенные темы, тогда это хорошо.