将formio与我的角项目集成在一起

Question

git中的源代码

现场演示

我想在上面的git代码中的角度应用程序中开发Angular8拖放表单生成器功能，它是使用纯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将表单json保存在数据库中。

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

如果要在组件中显示表单，请使用formion呈现器。

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

如果你需要帮助，请告诉我。