Пользовательский код проекта

Дизайнер интерфейсов позволяет работать с кодом проекта и обогащать его пользовательским кодом.

Эта дает возможность расширить стандартное поведение компонентов, реализовать дополнительные бизнес-правила, настроить реакцию интерфейса на события.

Данная функциональность доступна пользователям проекта с ролью Разработчик.

Чтобы перейти в интерфейс кода проекта, откройте раздел Страницы и нажмите кнопку Код проекта.

Будет открыт интерфейс для работы с кодом проекта.

Слева отображается структура проекта, в центральной части - редактор кода.

Важно: код проекта содержит либо ранее опубликованные страницы, либо страницы, которые имеют признак Готово к публикации

Добавление пользовательского кода в код проекта

Пользовательский код можно добавлять как в директорию src/app/app-user-code, так и непосредственно в файлы компонентов, отмеченные иконкой карандаш, например, app.component.ts, app.component.html, *.component.scss, package.json.

Директория src/app/app-user-code предназначена для размещения общей логики приложения, регистрации сервисов и зависимостей, определения глобальных стилей и тем, а также создания общих утилит и вспомогательных функций.

Также доступно добавление новых папок и файлов, а также импорт архива проекта или отдельных его файлы.

Обратите внимание: данные действия доступны только для директории src/app/app-user-code

Чтобы добавить папку/файл или загрузить архив проекта или его файл, вызовите контекстное меню и выберите соответствующий пункт меню.

Обратите внимание: файлы проекта загружаются в любом формате, а архивы - только в формате .zip.

Редактор изменений HTML

Файл с .html описанием страницы содержит Редактор изменений с визуальным отображением различий между сгенерированным кодом страницы и кодом, добавленным пользователем. Позволяет видеть, что именно будет изменено (добавлено/удалено), перед применением правок, минимизируя риск ошибок.

Переключение между режимами просмотра html-кода выполняется с помощью кнопки в правом нижнем углу редактора

Проверка работы кода

Проверка работы кода выполняется в режиме предпросмотра. При генерации кода проекта приоритет отдается коду, добавленному пользователем.