Question

我正在研究角度4，我陷入了形式。

我想动态更改选择框的选项，就像我从API获得响应一样，然后根据API响应更改选择框的选项：

let fields: Array<FormlyFieldConfig> = [
  {
    className: 'row',
    fieldGroup: [
      {
                className: 'col-xs-12',
                type: 'select',
                key: 'documenttype',
                templateOptions: {
                    options: [{label:'One',value:'1'},{label:'two',value:'2'}],
                    label: 'selectbox',
                    placeholder: 'selectbox',
                },
            }
    ]
  }
];

这是一个plunker链接：https://plnkr.co/edit/5VOGurddzHJFWn2Qz4Yx?p=preview

我做错了什么？

Answer 1

您只需要将新值分配到字段选项中，请参阅示例https://stackblitz.com/edit/angular-tns2ve

Answer 2

适用于Select2

您可以这样做：

<强>标记：

<select2 *ngIf="select2DataArray.length>0" [data]="select2DataArray"
     [value]="selectedOption">
</select2>

从API获取数据的组件功能：

this.select2DataArray = [];
setTimeout(() => {
   this.select2DataArray = data;
   this.selectedOption = 'select-2 option';
 },100);

以角度4形式更改选择框动态

2 个答案: