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

Form.io Angular 2 Library

This library provides a way to build Serverless Data Management applications 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.

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

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 {}

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.