1 Star 0 Fork 0

流浪书生 / angular-app-starterkit

Create your Gitee Account
Explore and code with more than 6 million developers,Free private repositories !:)
Sign up
This repository doesn't specify license. Without author's permission, this code is only for learning and cannot be used for other purposes.
Clone or download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

Form.io Angular Starter Application

This is a starter application that uses Angular, Bootstrap 4, Angular CLI, and Form.io to create a Serverless form-based application.

Usage

This starterkit is based off of an Angular CLI application. Because of this, you will need to install the CLI tool and launch this application using ng serve

npm install -g @angular/cli
ng serve

This will launch an Angular application @ http://localhost:4200 in your browser. You can go there to try out the default application.

Using your own Form.io Project

You can also use this application with your own Form.io project. This will use the API's provided by your project to host all of the data for this application.

  1. First login or create an account @ Form.io

  2. Create a new project called "Event Manager"

  3. Under Advanced Options, click on Upload A Project Template, then select the /src/project.json file from this repository.

  4. Click on Create Project button.

  5. After the project is created, copy the API path of your project. It should look like https://yourproject.form.io

  6. Make the following change to the src/config.ts file, and replace [PROJECT_API] with the api of your project.

    import { FormioAppConfig } from 'angular-formio';
    import { FormioAuthConfig } from 'angular-formio/auth';
    
    export const AppConfig: FormioAppConfig = {
      appUrl: '[PROJECT_API]',
      apiUrl: 'https://api.form.io',
      icons: 'fontawesome'
    };
    
    export const AuthConfig: FormioAuthConfig = {
      login: {
        form: 'user/login'
      },
      register: {
        form: 'user/register'
      }
    };
  7. Launch the application using...

    ng serve

You are now hosting all of the data from this application within your own Form.io project.

Enjoy!

Repository Comments ( 0 )

Sign in for post a comment

About

Angular 7 + Bootstrap 4 application starter kit using Form.io expand collapse
TypeScript
Cancel

Releases

No release

Contributors

All

Activities

load more
can not load any more
TypeScript
1
https://gitee.com/yyalon/angular-app-starterkit.git
git@gitee.com:yyalon/angular-app-starterkit.git
yyalon
angular-app-starterkit
angular-app-starterkit
master

Search

233307 c1314fcc 1850385 233305 0212f5e2 1850385