Home

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 for Angular
2. Form Builder - The form renderer 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 your 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 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 angular-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 '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, you can 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, we created the angular-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.