integrate formio api with my angular project

Question

I want to develop Angular8 drag and drop form builder functionality in my angular application In the above git code it is developed using pure formio

My requirement is I want to integrate this angular drag and drop functionality in my already existing angular project.

I am struck to integrate formio, Please help me How can I strat the integration.

is there any tutorial available with explanation?

Farhat Zaman · Accepted Answer · 2020-03-11 09:48:18Z

3

first you need to install formio in your project

npm install --save angular-formio

then import formioModule in your project module

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

after that if you want to build a form using formio then call formio-builder in your component and save form json in database by calling rest api.

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

and if you want to show your form in component then use formion renderer

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

let me know if you need any help.

answered Mar 11, 2020 at 9:48

Farhat Zaman

1,37910 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

integrate formio api with my angular project

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related