gpt4 book ai didi

javascript - AngularJS:ng-show 在刷新时闪烁

转载 作者:可可西里 更新时间:2023-11-01 14:43:47 26 4
gpt4 key购买 nike

我有这个代码

<body>
<ng-view></ng-view>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular-animate.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular-route.js"></script>
<script src="https://raw.githubusercontent.com/ftlabs/fastclick/master/lib/fastclick.js"></script>
<script src="js/services.js"></script>
<script src="js/router.js"></script>
<script src="js/interceptor.js"></script>
<script src="js/controller.js"></script>
<script src="js/app.js"></script>
</body>

在 ng-view 中加载了这样的东西

<ng-include src="'templates/navigation.html'"></ng-include>
<ng-include src="'templates/head-bar.html'"></ng-include>
<div id="main">
<h2>{{ controller.var }}</h2>
<div ng-show="!controller.othervar" ng-cloak>Text..</div>
</div>

如果我重新加载页面,有时 ng-show 会闪烁(意味着它会很快显示)。

我尝试过的

我试过:

  • 添加 ng-cloak 标签
  • 将文档的 css 代码添加到我的样式表
  • 将文档的 css 代码添加到我的 index.html(head-tag)
  • 将脚本标签切换到头部
  • 在另一个浏览器中运行应用程序(我现在已经尝试过 Firefox 和 Safari)

最佳答案

documentation 中所述,你应该在你的 CSS 中添加一个规则来根据 ng-cloak 属性隐藏它:

   [ng\:cloak], [ng-cloak], .ng-cloak {
display: none;
}

我们在“Built with Angular”网站上使用了类似的技巧,您可以在 Github 上查看其源代码:https://github.com/angular/builtwith.angularjs.org

希望对您有所帮助!

关于javascript - AngularJS:ng-show 在刷新时闪烁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33353268/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com