AngularJS进阶(二十八)解决AngualrJS页面刷新导致异常显示问题
来源:互联网 发布:动物虚拟仿真解剖软件 编辑:程序博客网 时间:2024/04/29 09:31
解决AngualrJS页面刷新导致异常显示问题
绪
俗话说,细节决定成败,编程亦是如此。编程过程中我们可能会不自觉的忽视一些细节问题,殊不知,这些细节正是导致页面显示出现问题的地方。今略举一例,与君共勉之。
页面正常加载后,显示如下:
按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")
{
.................
.................
}
执行后效果:
美文美图
1 0
- AngularJS进阶(二十八)解决AngualrJS页面刷新导致异常显示问题
- angularjs页面刷新缓存问题
- angularjs应用刷新页面,导致toaster加载时失效的问题
- 解决IE下某些页面不能刷新显示的问题
- angularjs页面显示表达式问题
- QTP 对WebCheckBox对象操作,页面出现刷新导致页面显示不全问题
- ObjectARX中使用非模态对话框的问题(写数据库导致AutoCAD异常问题、刷新显示)
- AngularJS跳转刷新当前页面的问题
- 数据延迟问题导致页面即时刷新数据不全问题如何从业务中解决
- 浅谈页面刷新导致重复提交问题
- 页面刷新导致插入重复的问题
- 解决回车刷新页面问题
- 解决scriptsession 刷新页面问题
- IE浏览器缓存设置导致页面数据刷新异常
- Android进阶(十八)AndroidAPP开发问题汇总(二)
- Java进阶(二十八)SimpleDateFormat格式化日期问题
- AngularJs 刷新页面
- 使用官方API解决Navigation侧滑导致的Navigationbar异常显示和隐藏的问题
- Torch7安装gfx.js出错
- 由DOS格式引出的shell脚本问题
- IOS
- Git学习之上传本地代码到github
- 将来一定要开发一个好软件!
- AngularJS进阶(二十八)解决AngualrJS页面刷新导致异常显示问题
- 内存分配器三
- 如何在iPhone手机里创建网页快捷方式图标(Web Clip)
- 单层感知机
- 什么叫工业4.0,这篇接地气的文章终于讲懂了
- iOS开发之CocoaPods使用说明
- JQuery easyUI分页
- 相对布局中只有两个控件,一个居中View1,另外一个要在View1的左边的方法
- 触发器