@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

    Install

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

    DownloadsWeekly Downloads

    27

    Version

    1.4.31

    License

    ISC

    Last publish

    Collaborators

    • ng2-dynamic-forms