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

wepokeai代打的胜率！w... wepokeai代打的胜率！wpk统计插件，（德州）原生真的有挂（详细辅助解密教程）；亲真的是有正版...

wepoke有没有挂！德州扑克... wepoke有没有挂！德州扑克ai机器人，（wepoke）往昔真的有挂（详细辅助AI教程）；精心打造...

德州之星有外挂！aapoker... 德州之星有外挂！aapoker发牌逻辑，（wepoke）竟然是有挂（详细辅助AA德州教程）；wpk透...

wepoke真的有挂！wpk德... wepoke真的有挂！wpk德州ai，（wepoker）好像是有挂（详细透视技巧教程）1、点击下载安...

we辅助poker德之星！wp... we辅助poker德之星！wpk机器人代打，微扑克辅助安卓版本，新版2025教程（有挂详情）1、超多...

aapoker发牌机制！线上德... aapoker发牌机制！线上德州辅助软件有用吗，（WePoke）原先存在有挂（详细辅助解密教程）；科...

智星德州菠萝开挂！鱼扑克fis... 智星德州菠萝开挂！鱼扑克fishpoker俱乐部辅助，（aa扑克）都是真的是有挂（详细辅助教你攻略）...

wepoke智能ai！德州辅助... wepoke智能ai！德州辅助软件线上，（WepokE）好像是有挂（详细辅助普及教程）是一款可以让一...

wepoke ai辅助！wep... 《wepoke ai辅助！wepoke调控参数，（来玩德州app）往昔有挂（详细透视2025新版总结...

wepoke辅助德之星！wep... wepoke辅助德之星！wepower德州扑克，（AAPoKER）素来有挂（详细辅助2025新版总结...