Skip to content
Travis Tidwell edited this page Mar 6, 2017 · 17 revisions

This library provides a complete Serverless Data Management library for Form.io using the amazing Angular framework. Within this library, there are several components that combine to create a robust Serverless application development experience. These components are as follows.

  1. Form Renderer - The form renderer in Angular 2
  2. Authentication - Allows an easy way to provide Form.io authentication into your application.
  3. Resource - A way to include the Resources within your application with full CRUDI support (Create, Read, Update, Delete, Index)
  4. Data Table (Grid) - A way to render data within a Table format, which includes pagination, sorting, etc.

Before you get started, though, it is important to install this library within your application.

Installation

To install this library, you will simply type the following within your application folder.

npm install --save ng2-formio

Once you do this, you can now include this library within your application by adding the FormioModule to your project like so.

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormioModule } from 'ng2-formio';
import { MainComponent } from './main';

@NgModule({
  imports: [
    BrowserModule,
    FormioModule
  ],
  declarations: [
    MainComponent
  ],
  providers: [],
  bootstrap: [
    MainComponent
  ]
})
export class AppModule {}

Application Starter Kit

For help in getting started using this library, we created the ng2-app-starterkit repository to help you get started with best practices with using Form.io within an Angular 2 application.

Now that you have the module installed, the next thing you will want to do is render a form. Click here to learn about the Form Renderer.