从typescript和Angular中的Observable<string>中获取字符串值

你想回来 Observable from函数 getValue return response 或 return result 无法工作,因为请求 http.get 是 异步 .

以下是您可以做的一些选择:

异步管道 在您的模板上订阅的结果 http.get 并从函数中删除订阅部分 getValue .

<div *ngFor="let item of data">
  <span>{{item.value | async}}</span>
</div>

// return Observable and subscribe by async pipe at template
private getValue(key: number): string {
  return this.keyService.find(key);
}

选项2: 定义阵列 data 没有 value 价值 undefined 除非你得到 this.keyService.find(key)

public data = [
  { 'key': 1}, 
  { 'key': 2}, 
  ...
];

constructor() {
  this.data.forEach(item => {
    this.keyService.find(item.key).subscribe(response => {
      item.value = response;    // update value field here.
    });
  });
}

// here getValue function is no longer necessary.

从OP更新

在上述选项1中进行了一些细微的更改,效果很好。

以下是更改:

<div *ngFor="let item of data">
  <span>{{ getValue(item.key) | async}}</span>
</div>

public getValue(key: number): any {
  return this.keyService.find(key);
}

异步管道 @彭YY(来自OP)