ngx-config-form/esm2015/lib/components/inputs/radio/radio.component.js

use configuration to generate form

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component, Input } from '@angular/core';
import { BaseInput } from '../../../common/baseInput';
export class RadioComponent extends BaseInput {
    constructor() {
        super();
    }
    /**
     * @return {?}
     */
    ngOnInit() {
        super.ngOnInit();
    }
    /**
     * @return {?}
     */
    ngOnDestroy() {
        super.ngOnDestroy();
    }
}
RadioComponent.decorators = [
    { type: Component, args: [{
                selector: 'cf-inputs-radio',
                template: "<ng-container [formGroup]=\"cfFormGroup\">\n  <ng-container [formGroupName]=\"propName\">\n    <ng-container *ngFor=\"let item of cfFormSetting[propName].items\">\n      <ng-container *ngIf=\"{ \n        elem: cfFormGroup.get([propName, item.name]) \n      }; let info\">\n\n        <label [for]=\"item.name\" *ngIf=\"item.args['alias']\">{{item.args['alias']}}</label>\n        <div class=\"d-block rl-list\">\n          <div class=\"form-check form-check-inline\" *ngFor=\"let c of item.args['options']\">\n            <label class=\"form-check-label\">\n              <input type=\"radio\"\n                class=\"form-check-input\" \n                name=\"{{item.name}}\"\n                value=\"{{c.value}}\"\n                [formControlName]=\"item.name\"\n                [checked]=\"(info.elem.value===c.value)\">\n                {{c.text}}\n            </label>\n          </div>\n        </div>\n\n        <small class=\"form-text text-muted\" *ngIf=\"item.args['murmur']\">\n          {{item.args['murmur']}}\n        </small>\n\n        <ng-container *ngIf=\"isShowErrorMsg && info.elem.dirty && info.elem.errors\">\n          <small class=\"form-text text-danger\" *ngFor=\"let vName of ObjectUtil.keys(info.elem.errors)\">\n            {{item.validators[vName].msg}}\n          </small>\n        </ng-container>\n\n        <!-- <hr />\n        info.elem.dirty : {{ info.elem.dirty  | json }} <br />\n        info.elem.errors: {{ info.elem.errors | json }} <br />\n        info.elem.value: {{ info.elem.value | json }}\n        <hr /> -->\n\n      </ng-container>\n    </ng-container> \n  </ng-container>\n</ng-container>",
                styles: [".rl-list{margin-bottom:-.5rem}"]
            }] }
];
/** @nocollapse */
RadioComponent.ctorParameters = () => [];
RadioComponent.propDecorators = {
    propName: [{ type: Input }]
};
if (false) {
    /** @type {?} */
    RadioComponent.prototype.propName;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmd4LWNvbmZpZy1mb3JtLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvaW5wdXRzL3JhZGlvL3JhZGlvLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQU90RCxNQUFNLE9BQU8sY0FBZSxTQUFRLFNBQVM7SUFJM0M7UUFDRSxLQUFLLEVBQUUsQ0FBQztJQUNWLENBQUM7Ozs7SUFFRCxRQUFRO1FBQ04sS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ25CLENBQUM7Ozs7SUFFRCxXQUFXO1FBQ1QsS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7OztZQW5CRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtnQkFDM0IsbW5EQUFxQzs7YUFFdEM7Ozs7O3VCQUdFLEtBQUs7Ozs7SUFBTixrQ0FBMEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQmFzZUlucHV0IH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL2Jhc2VJbnB1dCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NmLWlucHV0cy1yYWRpbycsXG4gIHRlbXBsYXRlVXJsOiAnLi9yYWRpby5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3JhZGlvLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgUmFkaW9Db21wb25lbnQgZXh0ZW5kcyBCYXNlSW5wdXQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG5cbiAgQElucHV0KCkgcHJvcE5hbWU6IHN0cmluZztcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgc3VwZXIubmdPbkluaXQoKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHN1cGVyLm5nT25EZXN0cm95KCk7XG4gIH1cblxufVxuIl19