@universis/forms

Implementation of angular-formio for Universis client applications.

Usage

npm i @universis/forms

Import AdvancedFormsModule:

@NgModule({
declarations: [
...
],
imports: [
CommonModule,
BrowserModule,
BrowserAnimationsModule,
HttpClientModule,
TranslateModule.forRoot(),
SharedModule.forRoot(),
...,
AdvancedFormsModule.forRoot(),
...
],
bootstrap: [AppComponent]
})
export class AppModule {
constructor() {
...
}
}

and start using AdvancedFormComponent:

or

[formConfig]="formConfiguration" >

$3

Import @universis/forms as submodule in any angular cli project by replacing newProjectRoot as already configured in your angular.json

git submodule add https://gitlab.com/universis/forms.git /forms

e.g.

git submodule add https://gitlab.com/universis/forms.git projects/forms

Add the following entries to tsconfig.app.json#compilerOptions.paths:

{
"compilerOptions": {
"paths": {
"@universis/forms": [
"/forms/src/public_api"
]
...
}
}
}

If you want to include @universis/forms as an angular cli project, include the following section in angular.json under projects:

"projects": {
"forms": {
"root": "/forms",
"sourceRoot": "/forms/src",
"projectType": "library",
"prefix": "lib",
"architect": {
"build": {
"builder": "@angular-devkit/build-ng-packagr:build",
"options": {
"tsConfig": "/forms/tsconfig.lib.json",
"project": "/forms/ng-package.json"
}
},
"test": {
"builder": "@angular-devkit/build-angular:karma",
"options": {
"main": "/forms/src/test.ts",
"polyfills": "/forms/src/polyfills.ts",
"tsConfig": "/forms/tsconfig.spec.json",
"karmaConfig": "/forms/karma.conf.js",
"watch": false,
"codeCoverage": true,
"scripts": []
}
},
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": [
"/forms/tsconfig.lib.json",
"/forms/tsconfig.spec.json"
],
"exclude": [
"/node_modules/"
]
}
}
}
},
...
}