@ViewChild(DynamicControlGroupComponent) controlGroup: DynamicControlGroupComponent; allControlsValue: string; onClickSubmit(data) { // TODO: Use EventEmitter with form value this.allControlsValue = JSON.stringify(this.controlGroup.form.value); console.log(this.controlGroup.form, this.controlGroup.form.value); } controls = [ { control: { controlType: "text" }, className: "f-pretend-link", labelCode: "username", name: "用户名" }, { control: { controlType: "date-range" }, className: "", labelCode: "dateRange", name: "日期区间" }, { control: { controlType: "single-date", format: "yyyy/MM/dd" }, className: "", labelCode: "singleDate", name: "日期" }, { control: { controlType: "single-number", precision: 1, max: 100, min: 10 }, className: "", labelCode: "singleNumber", name: "数值" }, { control: { controlType: "number-range", precision: 0, max: 100, min: 10 }, className: "", labelCode: "numberRange", name: "数值区间" }, { control: { controlType: "base-dropdown", items: [{ "id":"id01", "text": "test01" },{ "id":"id02", "text": "test02" }], idField: "id", textField: "text" }, className: "", labelCode: "singleDropdown", name: "单选下拉" }, { control: { controlType: "base-dropdown", items: [{ "id":"id01", "text": "test01" },{ "id":"id02", "text": "test02" }], idField: "id", textField: "text", multiSelect: true, }, className: "", labelCode: "multiDropdown", name: "多选下拉" }, { control: { controlType: "help", uri: "assets/data/grid.json", idField: "id", textField: "name", valueField: "id", displayType: "list", mapFields: {"id":"testHelpValue", "name":"testHelp"}, singleSelect: false, title: "动态弹出窗口", hiddenInputName: "testHelpValue" }, className: "", labelCode: "testHelp", name: "单选帮助" } ];