Home ‐ Form.io Angular Wiki

This library provides a suite of form and data management tools through Form.io using the 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 for Angular
2. Form Builder - The form builder for Angular
3. Form Manager - A form management system
4. Authentication - Allows an easy way to provide Form.io authentication into your application.
5. Resource - A way to include the Resources within an application with full CRUDI support (Create, Read, Update, Delete, Index)
6. Data Table (Grid) - A way to render data within a Table format, which includes pagination, sorting, etc.

Before getting started, install this library within the application.

Installation

To install this library, simply run the following command from a terminal in the application directory:

npm install --save angular-formio

Once this completes, include this library within the application by adding the FormioModule to the project like so:

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

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

Demo Application

To run a demo application that shows off all of the features of this library, check out the Angular Demo Application repository, which is the code behind the hosted application @ https://formio.github.io/angular-demo

Application Starter Kit

For help in getting started using this library, Form.io offers the angular-app-starterkit repository to help get started with best practices when using Form.io within an Angular 2 application.

Once the module is installed, the application is able to render a form. Click here to learn about the Form Renderer.