Angular的ngIf指令无法正确显示加载器。_程序开发

创始人

2024-10-24 08:01:09

0次

要解决Angular的ngIf指令无法正确显示加载器的问题，你可以尝试以下解决方法：

使用ng-container元素：ngIf指令会影响到包含的DOM元素，如果你直接将加载器放在ngIf指令的元素上，加载器也会被隐藏。你可以使用ng-container元素来包裹ngIf指令和加载器，确保加载器不会受到ngIf指令的影响。示例如下：


  Loading...

使用ng-template元素：ng-template元素是一个不可见的模板容器，可以用来定义和重用一部分HTML代码。你可以将加载器放在ng-template元素中，然后使用ngIf指令来加载或移除ng-template元素。示例如下：


  Loading...

Loading...

在上述示例中，show类将根据isLoading的值进行添加或移除，从而控制加载器的显示和隐藏。

确保将isLoading变量初始化为false，并在加载完成时将其设置为true，以便正确控制加载器的显示和隐藏。

五分钟绝活！潮友会鱼虾蟹怎么发... 五分钟绝活！潮友会鱼虾蟹怎么发现软件控制，四川家园游戏辅助，教你攻略（有挂解密）-哔哩哔哩1、操作简...

第九分钟策略！广西友乐app辅... 第九分钟策略！广西友乐app辅助工具，湖北卡五星技能，普及教程（有挂讲解）-哔哩哔哩1、全新机制【广...

4分钟要领！八闽掌上辅助软件，... 4分钟要领！八闽掌上辅助软件，对战互娱有辅助吗，揭秘攻略（有挂方针）-哔哩哔哩1、完成八闽掌上辅助软...

3分钟机巧！财神十三章辅助软件... 3分钟机巧！财神十三章辅助软件，指尖捕鱼bgm，可靠教程（有挂助手）-哔哩哔哩；1、财神十三章辅助软...

七分钟模块！胡易决胜麻架辅助，... 七分钟模块！胡易决胜麻架辅助，情怀宜春辅助挂定制交易平台，玩家教你（有挂秘籍）-哔哩哔哩1、玩家可以...

3分钟烘培！牵手辅助神器下载，... 3分钟烘培！牵手辅助神器下载，新海贝之城app破解，教你教程（有挂总结）-哔哩哔哩新海贝之城app破...

第七分钟课程！悠闲游戏辅助，牛... 第七分钟课程！悠闲游戏辅助，牛总管手游辅助，爆料教程（有挂存在）-哔哩哔哩亲，关键说明，牛总管手游辅...

3分钟演示！麻雀智能辅助软件，... 3分钟演示！麻雀智能辅助软件，传送屋激k有挂吗，力荐教程（今日头条）-哔哩哔哩1、每一步都需要思考，...

第8分钟经验！好友赣南辅助是真... 第8分钟经验！好友赣南辅助是真的吗，蛮王大厅辅助教程，分享教程（有挂教学）-哔哩哔哩1、起透看视好...

九分钟法门！中至赣牌圈五十k黑... 九分钟法门！中至赣牌圈五十k黑科技，开心泉州小程序有挂吗，力荐教程（有挂解密）-哔哩哔哩小薇（透视辅...