0.0.0-beta.24 • Published 7 years ago
@rapidui/quiver-forms v0.0.0-beta.24
rui-dynamic-forms
API Summary
Properties:
Name | Type | Description |
---|---|---|
elements? | IDynamicElementConfig[] | JS Object that will render the elements depending on its config. name property is required. |
form | get(): FormGroup | Getter property for dynamic FormGroup. |
valid | get(): boolean | Getter property for valid of dynamic FormGroup. |
value | get(): any | Getter property for value of dynamic FormGroup. |
errors | get(): {[name: string]: any} | Getter property for errors of dynamic FormGroup. |
controls | get(): {[key: string]: AbstractControl} | Getter property for controls of dynamic FormGroup. |
Setup
Import the QuiverDynamicFormsModule in your NgModule:
import { QuiverDynamicFormsModule } from '@quiver/dynamic-forms';
@NgModule({
imports: [
QuiverDynamicFormsModule,
...
],
...
})
export class MyModule {}
Usage
rui-dynamic-forms
element generates a form dynamically
Pass an array of javascript objects that implement IDynamicElementConfig with the information to be rendered to the elements attribute.
export interface IDynamicElementConfig {
label?: string;
name: string;
type: DynamicType | DynamicElement;
required?: boolean;
min?: any;
max?: any;
selections?: any[];
default?: any;
}
Example for HTML usage:
<rui-dynamic-forms [elements]="elements">
</rui-dynamic-forms>
import { IDynamicElementConfig, DynamicElement, DynamicType } from '@covalent/dynamic-forms';
...
})
export class Demo {
elements: IDynamicElementConfig[] = [{
name: 'input',
type: DynamicElement.Input,
required: true,
}, {
name: 'slider',
label: 'Label',
type: DynamicElement.Slider,
required: true,
}, {
name: 'boolean',
type: DynamicType.Boolean,
default: false,
}, {
name: 'select',
type: DynamicElement.Select,
required: true,
selections: ['A','B','C']
default: 'A',
}];
}
0.0.0-beta.24
7 years ago
0.0.0-beta.23
7 years ago
0.0.0-beta.22
7 years ago
0.0.0-beta.21
7 years ago
0.0.0-beta.20
7 years ago
0.0.0-beta.19
7 years ago
0.0.0-beta.18
7 years ago
0.0.0-beta.17
7 years ago
0.0.0-beta.16
7 years ago
0.0.0-beta.15
7 years ago
0.0.0-beta.14
7 years ago
0.0.0-beta.13
7 years ago
0.0.0-beta.12
7 years ago
0.0.0-beta.11
7 years ago
0.0.0-beta.10
7 years ago
0.0.0-beta.9
7 years ago
0.0.0-beta.8
7 years ago
0.0.0-beta.7
7 years ago
0.0.0-beta.6
7 years ago
0.0.0-beta.5
7 years ago
0.0.0-beta.4
7 years ago
0.0.0-beta.3
7 years ago
0.0.0-beta.2
7 years ago
0.0.0-beta.1
7 years ago