• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > 解决AngualrJS页面刷新导致异常显示问题

解决AngualrJS页面刷新导致异常显示问题

作者:孙华强 字体:[增加 减小] 来源:互联网 时间:2017-05-11

孙华强通过本文主要向大家介绍了angualrjs 表单验证,angualrjs菜鸟教程,学信网解决办法页面,页面乱码怎么解决,jsp页面乱码怎么解决等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

绪  

俗话说,细节决定成败,编程亦是如此。编程过程中我们可能会不自觉的忽视一些细节问题,殊不知,这些细节正是导致页面显示出现问题的地方。今略举一例,与君共勉之。

页面正常加载后,显示如下:

按F5刷新之后,页面如下所示:

很明显,页面显示出现了异常。回过头再看看Chrome的错误提示,

具体代码如下:

正是以上代码导致了错误的发生。

追根溯源

让我们回顾一下,错误到底是如何发生的。正常加载情况下,页面正常显示很容易理解,程序是按照既定的数据流走的。但是按F5刷新之后,$stateParams.uid已经不存在了,此时再次调用就会出现undefined的错误,导致页面加载出现异常。

如何解决这类问题呢?

首先应在语句执行之前添加变量判断语句,若变量存在且不为空,则可继续执行其它流程。代码如下:

  $scope.pageNumber = 1; // 起始查询页码
  $scope.totalItems = 0; // 查询数据总数
  $scope.pageCnt = 1; // 初始化总页数
  if($stateParams.uid != "" && $stateParams.uid != null && typeof(instance.shopStatementDtl) != "undefined")
  {
  .................
  .................
  }
</div>

执行后效果:

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 解决AngualrJS页面刷新导致异常显示问题

相关文章

  • 2017-05-11vue.js树形组件之删除双击增加分支实例代码
  • 2017-05-11JavaScript中创建对象的7种模式详解
  • 2017-05-11判断横屏竖屏(三种)
  • 2017-05-11利用Javascript裁剪图片并存储的简单实现
  • 2017-05-11详解angularJs模块ui-router之状态嵌套和视图嵌套
  • 2017-09-04JS中浏览器兼容性问题
  • 2017-05-11用jQuery实现可输入多选下拉组合框实例代码
  • 2017-05-11利用jquery正则表达式在页面验证url网址输入是否正确
  • 2017-05-11原生js实现可拖动的登录框效果
  • 2017-05-11URL中“#” “?” &“”号的作用浅析

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • JS常见算法详解
    • 微信小程序 传值取值的几种方法总结
    • 老生常谈combobox和combotree模糊查询
    • 写jQuery插件时的注意点
    • jQuery点击弹出层弹出模态框点击模态框消失代码分享
    • 微信小程序 定位到当前城市实现实例代码
    • 微信小程序 常用工具类详解及实例
    • 在javascript中,null>=0 为真,null==0却为假,null的值详解
    • 在js中做数字字符串补0(js补零)
    • js日期与字符串之间相互转换

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有