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属性设置变量点击事件

相关内容

热门资讯

玩家必看科普！云扑克有透视吗，... 玩家必看科普！云扑克有透视吗，wpk德州局透视，透明教程（有挂透明）；玩家必备必赢加哟《136704...
一分钟带你了解！hhpoker... 一分钟带你了解！hhpoker破解工具，拱趴大菠萝万能挂，揭秘攻略（有挂透明）；1.拱趴大菠萝万能挂...
一分钟了解！hhpoker作弊... 一分钟了解！hhpoker作弊码，pokemmo修改器手机版，扑克教程（有挂透明）；亲真的是有正版授...
重大科普！wepoker辅助是... 1、重大科普！wepoker辅助是真的假的，wepoker破解工具，微扑克教程（有挂软件）；详细教程...
来一盘！德普之星透视辅助软件下... 来一盘！德普之星透视辅助软件下载，hhpoker外挂靠谱吗，大神讲解（有挂透视）是由北京得德普之星透...
大家学习交流！aa poker... 大家学习交流！aa poker辅助包，pokemmo辅助脚本，揭秘攻略（有挂教程）是一款可以让一直输...
每日必看推荐！约局吧德州透视，... 您好，wepoker黑侠辅助器这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很...
玩家必看科普！wepoker作... 您好，pokemmo脚本最新版这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很...
我来教大家！哈糖大菠萝软件下载... 1、我来教大家！哈糖大菠萝软件下载，aapoker插件，可靠教程（有挂方法）；详细教程。2、哈糖大菠...
我来教教你！哈糖大菠萝万能挂，... 我来教教你！哈糖大菠萝万能挂，聚星ai辅助工具收费多少，实用技巧（有挂透明）关于聚星ai辅助工具收费...