AngularngForelse模板重复显示的问题_程序开发

创始人

2024-10-28 17:00:52

0次

使用ng-container

问题描述：在使用ngFor指令时，如果数组为空，可以使用ngFor else语句来显示一些默认内容，但是如果在模板中使用了else语句，它会在ngFor循环的时候重复显示多次。这是因为else语句会与ngFor循环语句重复执行。

解决方法是使用ng-container标签来包含ngFor指令和其他可能需要执行的语句。ng-container本身并不会在DOM结构中渲染出来，只是用来包含其他元素和指令。

代码示例：

暂无数据

在上面的示例中，如果数组的长度为0，则显示暂无数据，否则循环渲染数组中的元素。使用ng-container标签将ngIf指令和ngFor指令包含在一起，避免了重复执行的问题。

四分钟项目！新518互游脚本下... 四分钟项目！新518互游脚本下载，财神十三张安装工具（辅助）竟然是真的辅助器（哔哩哔哩）1、财神十三...

第1分钟教材！边锋透视器辅助器... 第1分钟教材！边锋透视器辅助器微信，h5新全游辅助（辅助）竟然是真的下载（哔哩哔哩）1、上手简单，内...

第七分钟教程书！顺欣茶坊辅助，... 第七分钟教程书！顺欣茶坊辅助，随意玩辅助器视频透视挂（辅助）竟然真的有平台（哔哩哔哩）1、首先打开随...

一分钟资料！789大菠萝如何手... 一分钟资料！789大菠萝如何手气顺，财神十三张辅助（辅助）总是是真的软件（哔哩哔哩）1、789大菠萝...

第三分钟阶段！新八戒怎么控制牌... 第三分钟阶段！新八戒怎么控制牌型，新鸿狐挂机（辅助）一贯有挂辅助（哔哩哔哩）1）新八戒怎么控制牌型辅...

第一分钟技法！朱雀开心罗松怎么... 第一分钟技法！朱雀开心罗松怎么开挂，青鸟辅助怎么更新（辅助）一贯真的有工具（哔哩哔哩）1、朱雀开心罗...

第八分钟方案！小南娱乐外g挂系... 第八分钟方案！小南娱乐外g挂系统，新海贝之城脚本（辅助）一直真的是有安装（哔哩哔哩）；一、小南娱乐外...

第八分钟教材！衢州都莱有没有内... 第八分钟教材！衢州都莱有没有内部号，新九天辅助器（辅助）确实存在有插件（哔哩哔哩）1、第八分钟教材！...

第3分钟大纲！新玄龙斗牛卡牌，... 您好，三哥玩辅助器免费下载这款游戏可以开挂的，确实是有挂的，需要了解加去威信【485275054】很...

第十分钟窍要！福麻圈辅助器，新... 第十分钟窍要！福麻圈辅助器，新海贝辅助器（辅助）原来真的是有修改器（哔哩哔哩）1、实时新海贝辅助器透...