@ng2-dynamic-forms/ui-ng-bootstrap
TypeScript icon, indicating that this package has built-in type declarations

1.4.31 • Public • Published

ng2 Dynamic Forms NG Bootstrap UI

Installation

npm install @ng2-dynamic-forms/ui-ng-bootstrap -S

Import

@NgModule({

    imports: [
        // ...
        ReactiveFormsModule,
        DynamicFormsCoreModule.forRoot(),
        DynamicFormsNGBootstrapUIModule
    ]
})

export class AppModule {}

Usage

with DynamicNGBootstrapFormComponent:

<form [formGroup]="myFormGroup">

    <dynamic-ng-bootstrap-form [group]="myFormGroup"
                               [model]="myFormModel"></dynamic-ng-bootstrap-form>
</form>

with DynamicNGBootstrapFormControlComponent:

<form [formGroup]="myFormGroup">

    <dynamic-ng-bootstrap-form-control *ngFor="let controlModel of myFormModel"
                                       [group]="myFormGroup"
                                       [model]="controlModel"></dynamic-ng-bootstrap-form-control>
</form>

Form Controls

Control Model Required Property
Calendar DynamicDatePickerModel inline: true
Checkbox DynamicCheckboxModel
Checkbox Group DynamicCheckboxGroupModel
DatePicker DynamicDatePickerModel
Input DynamicInputModel
Radio Group DynamicRadioGroupModel
Select DynamicSelectModel
TextArea DynamicTextAreaModel
TimePicker DynamicTimePickerModel

Sample

Live Demo

Dependencies (0)

    Dev Dependencies (0)

      Package Sidebar

      Install

      npm i @ng2-dynamic-forms/ui-ng-bootstrap

      Weekly Downloads

      3

      Version

      1.4.31

      License

      ISC

      Last publish

      Collaborators

      • ng2-dynamic-forms