Angular 7 - 使用 *ngFor 显示数据问题（数据未显示）
创始人
2024-10-16 15:32:15
0次

要使用 *ngFor 显示数据，需要确保以下几点：

  1. 确保在组件中有一个数组来存储要显示的数据。例如，假设我们有一个名为 "items" 的数组：
items = ['Item 1', 'Item 2', 'Item 3'];
  1. 在模板中使用 *ngFor 指令来迭代数组并显示每个项目。例如，在一个 div 元素上使用 *ngFor 来显示数组中的每个项：

  {{ item }}

在这个例子中，*ngFor 指令将迭代 items 数组，并为每个元素创建一个 div 元素，然后使用插值表达式 {{ item }} 来显示每个元素。

确保在你的组件中添加了以上代码，并在模板中使用了正确的数组名称。如果数据仍然未显示，请确保检查控制台是否有任何错误消息。

上一篇：Angular 7 - 设置Select/dropdown框的数据源

下一篇：Angular 7 - 使用*ngFor属性设置变量点击事件

相关内容

热门资讯

透视举措！wepoker软件安... 透视举措！wepoker软件安装包（WePoKer简单）都是存在有辅助攻略（哔哩哔哩）所有人都在同一...
透视举措！hh poker软件... 透视举措！hh poker软件（德扑之心透视）真是真的有辅助神器（哔哩哔哩）1、很好的工具软件，可以...
透视项目！wepoker买脚本... 您好，wepoker买脚本靠谱吗这款游戏可以开挂的，确实是有挂的，需要了解加去威信【48527505...
透视指南！wepoker透视有... 透视指南！wepoker透视有用吗（WePoKer方法）都是真的有辅助软件（哔哩哔哩）1、玩家可以在...
透视操作！wepoker手机助... 透视操作！wepoker手机助手（HHpoker有用）一贯真的有辅助技巧（哔哩哔哩）1、游戏颠覆性的...
透视教材！aapoker ai... 透视教材！aapoker ai插件（WePoKer书签）一直有辅助攻略（哔哩哔哩）进入游戏-大厅左侧...
透视绝活！购买的wpk辅助在哪... 透视绝活！购买的wpk辅助在哪里下载（WePoKer用挂）总是真的有辅助工具（哔哩哔哩）1、这是跨平...
透视学习！hhpoker免费透... 透视学习！hhpoker免费透视脚本（HHpoker模拟器）一直是真的有辅助攻略（哔哩哔哩）1、hh...
透视绝活儿！wepoker怎么... 透视绝活儿！wepoker怎么挂底牌（WePoKer辅助）一贯真的有辅助软件（哔哩哔哩）1、上手简单...
透视烘培！wepoker祈福有... 透视烘培！wepoker祈福有用吗（HHpoker辅助）本来真的有辅助教程（哔哩哔哩）1）wepok...