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请求。

希望这可以帮助到你!

相关内容

热门资讯

黑科技好友!wpk微扑克真的有... 《黑科技好友!wpk微扑克真的有助辅吗(透视)一贯真的是有挂(有挂挂)-哔哩哔哩》 wpk微扑克真的...
黑科技系统!aapoker德州... 黑科技系统!aapoker德州俱乐部(黑科技ai)起初是真的有挂(有挂教学)-哔哩哔哩是一款可以让一...
黑科技有挂!wepoke透视挂... 1、黑科技有挂!wepoke透视挂靠谱(ai代打)一贯真的是有挂(有挂模拟器)-哔哩哔哩(UU po...
黑科技能赢!德扑之星窥牌(智能... 黑科技能赢!德扑之星窥牌(智能ai)一贯有挂(有挂俱乐部)-哔哩哔哩;玩家必备必赢加哟《136704...
黑科技游戏!wepower透视... 黑科技游戏!wepower透视辅助使用方法(透明挂)本然真的有挂(有挂辅助)-哔哩哔哩;致您一封信;...
黑科技存在!德州之星app辅助... 黑科技存在!德州之星app辅助器(ai辅助)切实真的是有挂(有挂胜率)-哔哩哔哩;建议优先通过德州之...
黑科技透明挂!微扑克辅助神器(... 黑科技透明挂!微扑克辅助神器(透明挂)起初真的是有挂(有挂针对)-哔哩哔哩;1.微扑克辅助神器 ai...
黑科技透明挂!wpk ai辅助... 您好,wpk ai辅助购买渠道这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很...
黑科技规律!聚星扑克进去后怎么... 黑科技规律!聚星扑克进去后怎么操作(黑科技ai)真是是真的有挂(有挂渠道)-哔哩哔哩;最新版2024...
黑科技游戏!德扑ai工具(透视... 黑科技游戏!德扑ai工具(透视)从来有挂(有挂识别)-哔哩哔哩准备好在德扑ai工具 ia的高塔上攀登...