Angular内嵌两个ngFor与异步管道;一切都不断尝试重新加载。
创始人
2024-10-28 16:00:48
0

你可以使用async管道来处理异步数据,并结合ngFor来循环显示数据。以下是一个示例代码:

首先,在你的组件中,定义一个异步函数,它返回一个Promise或Observable对象,表示你的异步数据:

import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';

@Component({
  selector: 'app-root',
  template: `
    
{{ item.name }}
` }) export class AppComponent { items$: Observable; constructor(private http: HttpClient) { this.reload(); } reload() { this.items$ = this.http.get('your-api-url'); } }

然后,在你的模板中,使用async管道来订阅异步数据,并使用ngFor来循环显示每个数据项。当点击"Reload"按钮时,调用reload()函数重新加载数据。

请注意,你需要在你的模块中引入HttpClientModule并在构造函数中注入HttpClient,以便进行HTTP请求。

希望这可以帮助到你!

相关内容

热门资讯

透视科技!德普之星辅助功能如何... 1、透视科技!德普之星辅助功能如何打开,德州辅助工具到底怎么样,新2025版(一贯真的是有挂);详细...
透视透视挂!wpk有脚本吗,佛... 透视透视挂!wpk有脚本吗,佛手大菠萝辅助,曝光教程(真是真的是有挂)1、完成wpk有脚本吗的残局,...
透视教学!wepoker辅助工... 此外,数据分析德州(wepoker辅助工具)辅助神器app还具备辅助透视行为开挂功能,通过对客户we...
透视美元局!wepoker透视... 透视美元局!wepoker透视脚本苹果版,wpk辅助器,透明挂教程(往昔是有挂)是一款可以让一直输的...
透视攻略!wpk辅助器下载,h... 透视攻略!wpk辅助器下载,hhpoker是内部控制吗,存在挂教程(素来真的是有挂)科技教程也叫必备...
透视黑科技!wpk辅助器下载,... 此外,数据分析德州(wpk辅助器下载)辅助神器app还具备辅助透视行为开挂功能,通过对客户wpk辅助...
辅助透视!wpk透视辅助,xp... 1、辅助透视!wpk透视辅助,xpoker辅助器,曝光教程(其实存在有挂);详细教程。2、wpk透视...
透视好牌!wpk脚本下载,哈糖... 透视好牌!wpk脚本下载,哈糖大菠萝有挂吗5个常用方法,详细教程(起初有挂) 科技详细教程;Q群10...
透视规律!aapoker有脚本... 透视规律!aapoker有脚本吗,aapoker透视脚本,2025版教程(一向存在有挂);实战中需综...
透视脚本!wepoker透视脚... 透视脚本!wepoker透视脚本免费,sohoo poker辅助,揭秘教程(素来是真的有挂);支持2...