интегрировать Formio API с моим angular проектом

Question

Исходный код в git

Демонстрация в реальном времени

Я хочу развить в Angular8 функциональность построителя перетаскивания форм в моем angular приложение В приведенном выше коде git оно разработано с использованием чистого formio

Мое требование - я хочу интегрировать эту функциональность angular drag and drop в мой уже существующий проект angular.

Я поражен, чтобы интегрировать formio, Пожалуйста, помогите мне Как я могу начать интеграцию.

Есть ли какое-либо учебное пособие с объяснением?

Answer 1

сначала вам нужно установить formio в вашем проекте

npm install --save angular-formio

, затем импортировать formioModule в модуль вашего проекта

import { FormioModule } from 'angular-formio';
@NgModule({
    imports: [ BrowserModule, CommonModule, FormioModule ],
    declarations: [ AppComponent ],
    bootstrap: [ AppComponent ]
})
export class AppModule { }

, после этого, если вы хотите построить форму с использованием formio, тогда позвоните formio-builder в вашем компоненте и сохраните форму json в базе данных, вызвав rest api.

<form-builder [form]="{
  components: []
}"></form-builder>

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

<formio src='https://examples.form.io/example'></formio>

Дайте мне знать, если вам нужна помощь.