Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在angular 4中更改selectbox动态格式_Javascript_Angular - Fatal编程技术网

Javascript 在angular 4中更改selectbox动态格式

Javascript 在angular 4中更改selectbox动态格式,javascript,angular,Javascript,Angular,我正在研究angular 4,我被困在了形式上 我想动态更改选择框的选项,就像从API获得响应一样,然后应根据API响应更改选择框的选项: let fields: Array<FormlyFieldConfig> = [ { className: 'row', fieldGroup: [ { className: 'col-xs-12', type: 'select',

我正在研究angular 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',
                },
            }
    ]
  }
];
let字段:数组=[
{
类名:“行”,
现场组:[
{
类名:“col-xs-12”,
键入:“选择”,
键:“documenttype”,
模板选项:{
选项:[{label:'One',value:'1'},{label:'two',value:'2'}],
标签:“selectbox”,
占位符:“selectbox”,
},
}
]
}
];
这是一个plunker链接:


我做错了什么?

您只需将新值分配到字段选项中,
参见示例

您只需将新值分配到字段选项中,
选择2参见示例

您可以这样做:

标记:

<select2 *ngIf="select2DataArray.length>0" [data]="select2DataArray"
     [value]="selectedOption">
</select2>
this.select2DataArray = [];
setTimeout(() => {
   this.select2DataArray = data;
   this.selectedOption = 'select-2 option';
 },100);

用于选择2

您可以这样做:

标记:

<select2 *ngIf="select2DataArray.length>0" [data]="select2DataArray"
     [value]="selectedOption">
</select2>
this.select2DataArray = [];
setTimeout(() => {
   this.select2DataArray = data;
   this.selectedOption = 'select-2 option';
 },100);

你真的需要提供更多关于什么不起作用的信息,并展示更多code@FredrikLundin我补充道plunker linkYou真的需要提供更多关于什么不起作用的信息,展示更多code@FredrikLundin我添加了plunker link非常感谢@a.aitboudad的努力,我非常感谢,但我需要更改按钮单击的选项非常感谢@a.aitboudad的努力,我非常感谢,但我需要更改按钮单击的选项