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指令包含在一起，避免了重复执行的问题。

黑科技线上(微扑克数据)外挂透... 黑科技线上(微扑克数据)外挂透视辅助下载(透视)系统教程(真是真的是有挂)1、金币登录送、破产送、升...

黑科技软件(德州之星)外挂辅助... 黑科技软件(德州之星)外挂辅助安装(透视)存在挂教程(本来真的是有挂)；小薇（透视辅助）致您一封信；...

黑科技挂(wpk俱乐部)外挂透... 黑科技挂(wpk俱乐部)外挂透视辅助挂(透视)2025新版教程(真是是真的有挂)；1、不需要AI权限...

黑科技好友(wEPOKE)黑科... 黑科技好友(wEPOKE)黑科技透明挂辅助app(透视)解说技巧(切实是有挂)1、上手简单，内置详细...

黑科技游戏(wpk线上)外挂透... 黑科技游戏(wpk线上)外挂透视辅助挂(透视)科技教程(切实真的是有挂)；1、下载好wpk线上辅助软...

黑科技代打(红龙扑克)外挂辅助... 黑科技代打(红龙扑克)外挂辅助神器(透视)揭秘攻略(切实是真的有挂)1、在红龙扑克ai机器人技巧中，...

黑科技ai(微扑克游戏)外挂透... 黑科技ai(微扑克游戏)外挂透视辅助器(透视)专业教程(真是真的有挂)所有人都在同一条线上，像星星一...

黑科技苹果版(微扑克数据)外挂... 黑科技苹果版(微扑克数据)外挂透视辅助器(透视)解密教程(原来是有挂)；1、微扑克数据系统规律教程、...

黑科技安装(德州)外挂辅助软件... 黑科技安装(德州)外挂辅助软件(透视)必胜教程(竟然是真的有挂)1、黑科技安装(德州)外挂辅助软件(...

黑科技有挂(wPK)外挂透视辅... 黑科技有挂(wPK)外挂透视辅助安装(透视)透牌教程(好像有挂)；1、全新机制【wPK软件透明挂】2...