Angular 如何使用异步管道在可观察对象内部循环数组?
我使用的API返回如下响应:Angular 如何使用异步管道在可观察对象内部循环数组?,angular,typescript,Angular,Typescript,我使用的API返回如下响应: case:1 requests:[reqObj1,reqObj2,reqObj3] count:3 message:"Found requests successfully." pagesCount:1 服务: listRequest(sort, records, pageNumber, queries?): Observable<any> { const updateQueries = this.gtn.getHeaders() as Req
case:1
requests:[reqObj1,reqObj2,reqObj3]
count:3
message:"Found requests successfully."
pagesCount:1
服务:
listRequest(sort, records, pageNumber, queries?): Observable<any> {
const updateQueries = this.gtn.getHeaders() as RequestOptions;
updateQueries.params = queries;
return this.http
.get(globals.domain + '/team/requests/list/sortBy-' + sort + '/' + records + '/' + pageNumber + '/', updateQueries)
.map(res => {
this.responseData = res.json();
return this.responseData;
});
}
我想迭代可观察到的请求数组,并在html中使用异步管道
HTML:
{{request.createdAt}}
但这不会在屏幕上显示任何内容。如果我使用*ngFor=“let request of requestResponse | async”它会在控制台中给出一个错误
首先需要使用“异步”管道打开响应,然后在请求数组上迭代
<div class="request-items-inner" *ngFor="let request of (requestResponse | async)?.requests">
{{ request.createdAt }}
</div>
{{request.createdAt}}
太棒了,谢谢!很高兴我能帮上忙:)顺便说一下,假设我有一个加载组件,在等待数据时我如何使用它?如何在循环或展开可观察对象之前检查数据是否由可观察对象返回或数据是否为空??
<div class="request-items-inner" *ngFor="let request of requestResponse.requests | async">
{{request.createdAt}}
</div>
<div class="request-items-inner" *ngFor="let request of (requestResponse | async)?.requests">
{{ request.createdAt }}
</div>