Angular异步管道仅显示数组的第一个元素
创始人
2024-10-30 12:00:16
0次

使用 *ngFor 指令循环遍历数据，而不是直接在模板中使用异步管道。

例如，如果有以下组件：

import { Component } from '@angular/core';
import { Observable, of } from 'rxjs';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  data$: Observable;
  
  constructor() {
    this.data$ = of([1, 2, 3, 4, 5]);
  }
}

在模板中，使用 *ngFor 指令展示数据


  
    
    
  • {{item}}
    •

这将循环遍历数据数组，并将每个元素显示为列表项。这样每个元素都会被正确的显示出来。

上一篇：Angular异步管道减少了流值，而不是显示最新的发射。

下一篇：Angular异步管道与输入

相关内容

热门资讯

透视app！wpk辅助购买，h... 透视app！wpk辅助购买，hhpoker哪个俱乐部靠谱，软件教程（一贯是有挂）wpk辅助购买平台为...
透视代打！wpk辅助购买，竞技... 透视代打！wpk辅助购买，竞技联盟透视插件，攻略教程（本来真的是有挂）；支持多人共享记分板与复盘，通...
透视辅助！wepoker透视脚... 1、透视辅助！wepoker透视脚本苹果，hhpoker可以控制牌吗，透明教程（原本是有挂）。2、w...
透视软件！hhpoker透视脚... 透视软件！hhpoker透视脚本视频，wpk透视辅助方法，普及教程（起初是有挂）；亲，其实确实真的有...
透视透视！德普之星app安卓版... 透视透视！德普之星app安卓版破解版，wepoker有没有插件，透牌教程（起初真的有挂）；德普之星a...
透视透视！wepoker免费永... 透视透视！wepoker免费永久脚本，wepoker怎么破解游戏，科技教程（原生有挂）；wepoke...
透视黑科技！aapoker辅助... 自定义aapoker辅助挂系统规律，只需要输入自己想要的开挂功能，一键便可以生成出微扑克专用辅助器，...
透视了解！aapoker可以开... 透视了解！aapoker可以开挂吗，wepoker透视脚本是什么，普及教程（一直是有挂）；免费aap...
透视智能ai！wpk辅助器下载... 透视智能ai！wpk辅助器下载，aapoker怎么提高中牌率，规律教程（起初真的是有挂）；致您一封信...
透视好友！德普之星辅助功能如何... 透视好友！德普之星辅助功能如何设置，约局吧开挂神器是真的吗，攻略教程（好像真的有挂）；德普之星辅助功...