formlygroup的选项无法访问API中的数据

如何解决formlygroup的选项无法访问API中的数据

Im将数据从API调用正式传递给选择列表。当我尝试实现一个样机时，它的工作原理是，但是即使选择项被下拉，但调用API数据仍未显示。

 {
          key: 'attributeName',type: 'custom-select',templateOptions: {
            
            placeholder: 'Enter value',// required: true,options: this.variableName,//  [       with mockup work
            //   { title: 'Snickers',value: 'snickers' },//   { title: 'Baby Ruth',value: 'baby_ruth' },//   { title: 'Milky Way',value: 'milky_way' },//   ],value: "name",onChangeFilter: (filter) => {
              console.log("onChangeFilter",filter)
              const termStr = new String(filter);
              if (termStr.length >= 3) {
              this.variableName = this.searchForData(termStr)           
              }
            },},

该服务在下面，数据成功发送

  searchForData(term) { 
   this.ruleService.searchTermsAutocomplete(term).subscribe(
      (result) => {
        this.variableName = result.data;  
        return  this.variableName
      }
    )
  }