解决angularJS解决数据显示闪一下的问题?

更新日期: 2018-03-22阅读量: 1879标签: angular

使用 angular js 的时候,把 angularjs 放到文件底部,在渲染页面的时候,会出现闪一下的情况:


解决办法一

使用 ng-cloak 

<style type="text/css">
[ng-cloak]{display:none;}
</style>
<body ng-app ng-init="name='张三'" ng-cloak>
 {{name}}
</body>
<script type='text/JavaScript' src='bower_components/angular/angular.js'></script>

由于执行会很快,通常的做法是通过类来控制: 

<style type="text/css">
[ng-cloak],.ng-cloak{display:none;}
</style>
<body ng-app ng-init="name='张三'" class="ng-cloak">
 {{name}}
</body>
<script type='text/JavaScript' src='bower_components/angular/angular.js'></script>


解决方法二

将angular.js的引入放到head前,提前加载;  


解决方法三

使用 ng-bind  

<body ng-app ng-init="name='张三'" ng-bind="name">
</body>
<script type='text/javascript' src='bower_components/angular/angular.js'></script>


转自:https://www.cnblogs.com/e0yu/p/7219930.html?utm_source=itdadao&utm_medium=referral#undefined


站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: https://www.fly63.com/article/detial/535

angular动态绑定样式以及改变UI框架样式的方法

ngClass要绑定的类名会在tr根据数据循环生成html的过程中调用组件中定义的isHideClass方法,并把i(index)带过去让方法使用根据方法逻辑返回的类名去绑定写好的样式

angular有必要学吗?

对于前端开发人员来说,angular是非常有必要学习的,它可以使Web应用开发比以往更简单、更快捷;同时也降低了构建复杂应用的难度。更何况很多后端职位都要求掌握angular了。Angular是一个使用 HTML 和 JavaScript 编写的 Web 前端框架

angular2及其他项目中遇到的问题和解决方法

Angular2项目日常开发中所遇问题及解决方案记录:angular-cli修改域名及端口号、解决双击变蓝的问题、修改浏览器滚动条的默认样式等等

Angular 6的新功能,特点介绍

Angular 6目的是为了使Angular变得更小,更快,更易于使用。Angular 6版本更加关注底层框架和工具链,同时加快了工具链在Angular中的运行速度,除此以外,这次更新还包括框架包

Angular 环境配置

在实际开发中,总是需要针对不同的环境设定不同的参数,Angular 提供了一种应用环境机制,当使用 ng new 构建一个新项目时默认会在 src/environments 目录下针对开发环境与生产环境(environment.prod.ts)的配置项。

探索 Angular 使用 ViewContainerRef 操作 DOM

每次我读到 Angular 如何操作 DOM 相关文章时,总会发现这些文章提到 ElementRef、TemplateRef、ViewContainerRef 和其他的类。尽管这些类在 Angular 官方文档或相关文章会有涉及,但是很少会去描述整体思路

angular7中的变化监测

最近做公司新项目用的angular7,中碰到了一个很头疼的问题在绑定对象中的数据改变时,页面视图没有跟新,需点击页面中的时间元素后才会更新。

Angular是哪个公司的?

Angular是一个基于TypeScript的开源Web应用程序框架,用于在HTML和JavaScript中构建Web应用程序。Angular诞生于2009年,由Misko Hevery 等人创建,后为Google所收购,由Google维护。它最初是作为Google的一个项目启动的,但现在它是开源框架。

Angular有哪些版本?

目前Angular有7个版本,分别为:AngularJS、Angular2、Angular4、Angular5、Angular6、Angular7、Angular8。下面本篇文章就来给大家介绍一下,希望对大家有所帮助。

读 Angular 代码风格指南

该文章拥有完整的代码风格指南——大到如何编排文件夹,小到如何进行变量命名都涉及。但是与 ng 略有绑定,所以这里整理一下可以单独拿出来的通用部分。

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!