javascript – 即使在AngularJS中使用ng-cloak,页脚模板也会闪烁

前端之家收集整理的这篇文章主要介绍了javascript – 即使在AngularJS中使用ng-cloak,页脚模板也会闪烁前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用AngularJS从REST服务检索的一些数据创建和显示模板成功,但是当 JSON响应仍在加载时,浏览器会在顶部显示页脚模板,当响应返回JSON数据时,页脚到底部.

这很快发生,但页脚模板在页面顶部闪烁,然后再转到底部.

我尝试使用ng-cloak方法,不幸的是,问题依然存在.我把CSS作为API Reference推荐的ng-cloak.

这是我的应用程序代码

<body>
  <div data-ng-controller="HeaderCtrl" data-ng-include="'app/partials/header.html'"></div>
  <div data-ng-controller="MenuCtrl" data-ng-include="'app/partials/lista-menu.html'"></div>
  <div ng-view="main" ></div>
  <footer class="nav" data-ng-include="'app/partials/footer.html'" ></footer>

我尝试将ng-cloak放在body标签,ng-view,footer以及ng-view html模板中.此代码代表所有的尝试(注意:我已经尝试单独使用,一起使用ng-cloak类而不是)

<body ng-cloak class="ng-cloak">
  <div data-ng-controller="HeaderCtrl" data-ng-include="'app/partials/header.html'"></div>
  <div data-ng-controller="MenuCtrl" data-ng-include="'app/partials/lista-menu.html'"></div>
  <div ng-view="main" ng-cloak class="ng-cloak"></div>
  <footer class="nav" data-ng-include="'app/partials/footer.html'" ng-cloak class="ng-cloak"></footer>

不幸的是,在所有这些更改后,页脚模板在加载完成之前仍然在顶部闪烁.

任何人都可以帮我解决这个问题

有没有Bootstrap把脚跟放在底部,即使主div没有高度呢?我尝试使用nav-fixed-bottom标签,但是当页面具有高高度值时,我不希望底部固定在屏幕上.

谢谢!!!

解决方法

ng-cloak和/或 ng-bind无法帮助解决这个问题,因为这不是“Flash的未编译内容”问题.这些指令旨在隐藏内容,直到Angular有机会编译HTML.

您正在尝试解决的问题更像是:“我正在向页面动态添加内容,内容正在移动”.如果要在主内容加载后显示页脚,我喜欢他的评论中提到的解决方案@Alex.

猜你在找的JavaScript相关文章