zoukankan      html  css  js  c++  java
  • angularJS解决数据显示闪一下的问题?-解决办法

    转自: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>
  • 相关阅读:
    Android Intent Flag的介绍
    获得SD卡的剩余容量
    横竖屏判断
    自定义View
    按键事件
    android程序完全退出步骤
    环境变量的配置和虚拟机安装apk文件
    GridView网格布局
    去掉系统title
    获取手机的序列号
  • 原文地址:https://www.cnblogs.com/Byme/p/8618660.html
Copyright © 2011-2022 走看看