オブジェクト値が変更されたときに選択オプションリストが更新されない

Question

ファイルのアップロード時にドロップダウンリストを更新しようとしています。コンソールでは、表示されているオブジェクトデータを見ることができます。しかし、ドロップダウンリストを更新していません。私はformControlName属性を使用してオブジェクトデータをバインドしています。私はORD内のオブジェクトへのJSON応答を解析しなければならなかった

HTML

<select formControlName="fileInfoObj" class="form-control" disabled> 
    <option *ngFor="let worksheet of fileInfoObj.worksheets" value="worksheet.name">{{worksheet.name}}</option> 
</select> 

TS

private fileInfoObj: Object = {}; 
    ngOnInit(): void { 
     this.devRequestService.getListOfAgencies().subscribe((data) => { 
     ... 
     this.uploader.onCompleteItem = (item: any, response: any, status: any, headers:any)=> { 
      console.log(response); 
      return this.fileInfoObj = response; 
      }; 
     }); 
    } 

オブジェクト

{ 
     "key": "[key]", 
     "worksheets": [ 
     { 
      "index": 0, 
      "name": "default", 
      "columns": [ 
      { 
       "index": 0, 
       "name": "col-1" 
      }, 
      { 
       "index": 1, 
       "name": "col-2" 
      }, 
      { 
       "index": 2, 
       "name": "col-3" 
      }, 
      { 
       "index": 3, 
       "name": "col-4" 
      }, 
      ... 
      ] 
     } 
     ] 
    } 

Answer 1

それを動作させるために。 HTMLから

this.fileInfoObj = JSON.parse(response); 

そして削除formControlName：

formControlName="fileInfoObj"