Angular 如何在typeScript中的http请求之后获取可观察数组中的对象？

这是我的

.ts

：

import {Observable} from 'rxjs';

variable = Number();
myObservableArray : Observable<any[]>;

OnClickFunction(){

    this.myObservableArray = this.httpClient.get<any[]>("http://myUrl/?lbs="+this.variable,{responseType: 'json'});

console.log(this.myObservable.Array)

从'rxjs'导入{Observable}；
变量=数字（）；
MyObservable阵列：可观测；
OnClickFunction（）{
this.myObservableArray=this.httpClient.get（“http://myUrl/?lbs=“+this.variable，{responseType:'json'}）；
console.log（this.myObservable.Array）

---

我可以在html中看到json数组，但我没有设法在.ts！中获取对象。

按原样，你在

控制台.log

中看不到你的数组。这有几个原因。

这个.myObservableArray

是

any[]类型的
可观察的
。目前，您最多只能在控制台中看到可观察包装器，但不能看到数组。可观察包装器是异步的，因此行
this.myObservableArray=this.httpClient…
正在设置要运行的http调用，但在从该方法返回的
Observable
为
subscribe to之前，http调用不会运行实际发生。更新代码以查看ts文件中的数组的最佳方法如下：

从'rxjs'导入{Observable}；
从“rxjs/operators”导入{tap}；
变量=数字（）；
myObservableArray:Observable）将处理订阅和取消订阅该
Observable
。操作员点击
将允许您从ts文件中查看阵列，而无需对其进行任何修改。
typo？
console.log（this.myObservable.array）
->
console.log（this.myObservableArray）
。另外，您没有订阅
ts
中的get函数，因此如果您在“html”中看到它，您是否在那里使用
async
管道？是的，我想这是我的html:{{array | json}我可以看到json的所有对象，但我无法处理.ts中的对象