AngularJS-显示预加载器而不是ng -cloak

约达勒

我创建了一个预加载器,可以在第一次加载页面时正常工作:http : //vivule.ee/1

但是,在页面内导航时,加载程序无法按预期工作。使用FF时,您可以很好地看到这一点。代替加载程序,它仅显示空白背景。我使用的是ng-cloak,没有它,而不是空白的背景,它将显示内容加载标签{{}}。

我的加载程序的工作方式如下:显示加载程序,直到内容加载完毕,然后使用ng-hide隐藏隐藏加载程序。我是否可以使用ng-hide代替,而是以某种方式监听ng-cloak,例如当ng-cloak激活时,它显示加载程序,而在内容加载时将其隐藏,因为现在ng-clock似乎在ng-hide之前加载。

对不起,如果太令人困惑的问题:/

PS!要在页面内导航,请向下滚动至类似的游戏,然后单击一个。

约达勒

我无法使用ng-cloak解决问题,而是这样做了-默认情况下,加载程序显示在页面上。当角度加载数据时,我发送jquery命令来隐藏加载器(这是在myapp.controller中完成的)。当我在页面内导航时,我使用jquery取消隐藏加载程序(代码再次位于myapp.controller中)-注意!在加载新页面之前,我取消隐藏它。

隐藏和取消隐藏是通过简单的display:none和display:block完成的(取消隐藏是使用jquery click完成的)。

    $(".single_similar_game_container").click(function(e) {
        if (e.button == 0) {
            $("#spinner_bg").css("display", "block");
        }
    });

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

AngularJS-ng-cloak / ng-show元素闪烁

如何在AngularJs中实际使用ng-Cloak指令?

ng-cloak的对面,用于加载消息

Preloader v-cloak 不显示文本加载

[ng \:cloak] [ng-cloak]选择器的用途是什么(包含在Spring Boot Security教程中)?

ng-cloak对闪烁的Angular代码没有任何影响

角日期过滤器即使使用ng-cloak仍显示未定义/ NaN

编写多次ng-cloak的多个角度表达式以避免在页面加载时显示是一种好习惯吗?

Angular Google Map flikering问题(ng-cloak,ng-bind无法正常工作!)

如何消除ngShow初始化的延迟?ng-cloak何时失败?

ng-cloak不能帮助有角度的ui-router在模板解析时隐藏元素

Angularfire-seed + module.simpleLoginTools = Ionic中的ng-cloak问题

浏览器授权码流是Key Cloak中实现sso的唯一途径吗

使用AngularJS从不同服务器预加载图像

在angularjs中预加载模板

AngularJS:显示加载器图像,直到加载数据

AngularJS ng显示并聚焦

angularjs ng-if加载时间早于控制器

AngularJS2-在应用程序启动之前预加载服务器配置

AngularJS的初始加载微调器

AngularJS Typeahead预填充

加载视图时在AngularJS中进行预取

使用angularjs Promise预加载背景图像

使用AngularJS路由时是否可以预加载模板?

angularjs在ng-repeat指令中预填充输入文本

AngularJS视图在加载时未在ng-repeat中显示绑定数据

来自 JSON 文件的 AngularJS 图像不会使用 ng-src 加载如何显示图像

AngularJS-错误:ng:areq-错误的参数控制器不是函数

AngularJS:使用控制器和ng-repeat在div上重新加载数据