angular - 将 formio api 与我的 Angular 项目集成

Question

git中的源代码

现场演示

我想在我的 Angular 应用程序中开发 Angular8 拖放表单构建器功能在上面的 git 代码中，它是使用纯开发的formio

我的要求是我想将这个角度拖放功能集成到我已经存在的角度项目中。

我很高兴整合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您的组件并通过调用 rest api 将表单 json 保存在数据库中。

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

如果你想在组件中显示你的表单，那么使用 formion 渲染器

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

如果您需要任何帮助，请告诉我。