解决AngualrJS页面刷新导致异常显示问题
更新时间：2017年04月20日 10:26:09 作者：孙华强
本篇文章主要介绍了解决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")
{
.................
.................
}
执行后效果:
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！
相关文章
这篇文章主要介绍了Angularjs处理页面闪烁的解决方法,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-03-03
解决三元运算符 报错“SyntaxError: can''''t assign to conditional expre
在本篇文章里小编给大家整理的是关于python三元运算符 报错“SyntaxError: can't assign to conditional expression”的处理方法，需要的朋友们学习下。2020-02-02
AngularJS之自定义服务详解(factory、service、provider)
本篇文章主要介绍了AngularJS之自定义服务详解(factory、service、provider)，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2017-04-04
这篇文章主要介绍了AngularJs实现ng1.3+表单验证，感兴趣的小伙伴们可以参考一下2015-12-12
这篇文章主要介绍了由浅入深剖析Angular表单验证 的相关资料,需要的朋友可以参考下2016-07-07
在AngularJs中我们会不可避免的使用第三方库，这篇文章主要介绍了如何在AngularJs中调用第三方插件库，有兴趣的可以了解下2017-05-05
这篇文章主要介绍了AngularJS读取JSON及XML文件的方法,涉及AngularJS针对xml及json格式文件数据的读取、遍历、输出等相关操作技巧,需要的朋友可以参考下2017-05-05
这篇文章主要介绍了angular2 NgModel模块的具体使用方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
这篇文章主要介绍了angularJS提交表单（form）的方法和示例,需要的朋友可以参考下2015-02-02
这篇文章主要介绍了详解AngularJS中的依赖注入机制,对JavaScript各组件的使用起到非常重要的作用,需要的朋友可以参考下2015-06-06
最新评论