当前位置: 首页 > news >正文

angularjs中,页面部分元素是通过ng-show来控制其否显示的,页面刚加载时,会闪烁,出来一下又隐藏...

你不能直接给节点加属性display:none;
首先你要知道angular js 的 ng-show是通过给节点增加class ng-hide 隐藏div的,
当符合ng-show条件时移除class ng-hide,如果你给节点加了display:none;那么此时div仍然是隐藏,
所以你开始的时候就给节点加上class='ng-hide',就行了
不过ng-hide 的style 其实也是angular.min.js加载完后添加到head里的,所以如果你担心用户网速慢,导致js加载慢,依然有延迟的话,你可以直接把那段style粘贴到你的html里面
<style>@charset "UTF-8";[ng:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide:not(.ng-hide-animate){display:none !important;}ng:form{display:block;}</style>

转载于:https://www.cnblogs.com/huo236/p/6077083.html

相关文章:

  • 第一百一十二节,JavaScript浏览器检测
  • java分享第二十天(build.xml的语法及写法)
  • 如何下载百度网盘已失效资源链接
  • opencv 2.4.9+pcl 1.6+vs2010+win7 32开发环境配置
  • win8下安装wamp3.0步骤
  • C# 最小化到托盘,托盘右击菜单显示
  • Changing Your Commit Messages
  • mybatis对java自定义注解的使用——入门篇
  • 垃圾收集器之:CMS收集器
  • JAVA8之lambda表达式详解,及stream中的lambda使用
  • android中aar文件
  • Linux Increase The Maximum Number Of Open Files / File Descriptors (FD)
  • iOS10 UI教程层次结构的事件
  • WebAPi的可视化输出模式(RabbitMQ、消息补偿相关)所有webapi似乎都缺失的一个功能...
  • 请设计一个一百亿的计算器
  • 2017-08-04 前端日报
  • CentOS7简单部署NFS
  • go append函数以及写入
  • Java超时控制的实现
  • Linux链接文件
  • Meteor的表单提交:Form
  • miaov-React 最佳入门
  • MySQL-事务管理(基础)
  • spring + angular 实现导出excel
  • 爱情 北京女病人
  • 复杂数据处理
  • 记一次删除Git记录中的大文件的过程
  • 设计模式(12)迭代器模式(讲解+应用)
  • 物联网链路协议
  • Linux权限管理(week1_day5)--技术流ken
  • Salesforce和SAP Netweaver里数据库表的元数据设计
  • 关于Android全面屏虚拟导航栏的适配总结
  • ​如何防止网络攻击?
  • ​软考-高级-系统架构设计师教程(清华第2版)【第20章 系统架构设计师论文写作要点(P717~728)-思维导图】​
  • #LLM入门|Prompt#2.3_对查询任务进行分类|意图分析_Classification
  • (AngularJS)Angular 控制器之间通信初探
  • (zz)子曾经曰过:先有司,赦小过,举贤才
  • (顶刊)一个基于分类代理模型的超多目标优化算法
  • (附源码)ssm失物招领系统 毕业设计 182317
  • (每日持续更新)jdk api之FileReader基础、应用、实战
  • (十五)devops持续集成开发——jenkins流水线构建策略配置及触发器的使用
  • (转)C#开发微信门户及应用(1)--开始使用微信接口
  • (转)利用ant在Mac 下自动化打包签名Android程序
  • *2 echo、printf、mkdir命令的应用
  • .Net 4.0并行库实用性演练
  • .NET Reactor简单使用教程
  • .NET 药厂业务系统 CPU爆高分析
  • .NET下的多线程编程—1-线程机制概述
  • .net下简单快捷的数值高低位切换
  • .NET应用架构设计:原则、模式与实践 目录预览
  • .set 数据导入matlab,设置变量导入选项 - MATLAB setvaropts - MathWorks 中国
  • .vollhavhelp-V-XXXXXXXX勒索病毒的最新威胁:如何恢复您的数据?
  • @EnableWebMvc介绍和使用详细demo
  • @ModelAttribute注解使用
  • [20171113]修改表结构删除列相关问题4.txt