分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

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

发布时间:2023-09-06 01:46责任编辑:赖小花关键词:暂无标签

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

使用 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>

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

原文地址:https://www.cnblogs.com/Byme/p/8618660.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved