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异步管道与输入

相关内容

热门资讯

分享实测！至臻辅助，战神辅助官... 分享实测！至臻辅助，战神辅助官网（有挂工具辅助开挂插件）；无需打开直接搜索打开薇:136704302...
记者揭秘！闽游app辅助器，桂... 记者揭秘！闽游app辅助器，桂林字牌辅助科技（有挂头条开挂辅助神器）1、下载安装好桂林字牌辅助科技，...
大神推荐！赣牌圈黑科技辅助软件... 大家好，今天小编来为大家解答赣牌圈黑科技辅助软件这个问题咨询软件客服可以免费测试直接加微信（1367...
揭秘真相！途游后台辅助器，道游... 大家好，今天小编来为大家解答途游后台辅助器这个问题咨询软件客服可以免费测试直接加微信（1367043...
传递经验！新二号辅助下载，冰球... 传递经验！新二号辅助下载，冰球突破辅助软件（有挂辅助辅助插件）；无需打开直接搜索打开薇:136704...
分享认知！威信茶馆辅助器下载，... 分享认知！威信茶馆辅助器下载，广西老友玩有破解吗（有挂教程辅助软件）；亲，威信茶馆辅助器下载这款游戏...
玩家必看教程！新荣耀辅助，新天... 玩家必看教程！新荣耀辅助，新天道辅助软件（有挂解密开挂辅助脚本）；打开点击测试直接进入微信（1367...
玩家实测！wepoker辅助，... 玩家实测！wepoker辅助，广西八一字牌可以破解吗（证实有挂辅助开挂下载）这是一款可以让一直输的玩...
揭秘一下！开心泉州小程序开挂有... 揭秘一下！开心泉州小程序开挂有什么技巧，新518互游脚本（有挂神器辅助开挂神器）；亲，开心泉州小程序...
2分钟细说！丹东约战麻将辅助器... 您好：这款丹东约战麻将辅助器游戏是可以开挂的，确实是有挂的，很多玩家在这款丹东约战麻将辅助器游戏中打...