解决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")
{
.................
.................
}
执行后效果:
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持小牛知识库！
-
本文向大家介绍解决Angular2 router.navigate刷新页面的问题，包括了解决Angular2 router.navigate刷新页面的问题的使用技巧和注意事项，需要的朋友参考一下 造成这个问题一般是因为我们在<form>表单中使用<button>时忘记添加type属性，在表单中，如果忘记给按钮添加属性，会默认为submit，如果在子元素中会向上冒泡触发submit 解决方法： 1.
-
本文向大家介绍vuex页面刷新导致数据丢失的解决方案，包括了vuex页面刷新导致数据丢失的解决方案的使用技巧和注意事项，需要的朋友参考一下 解决vuex页面刷新导致数据丢失问题 vuex数据是存在内存当中，当页面刷新之后vuex数据自然会丢失。我们有两种方法解决该问题: 1.使用vuex-along 2.使用localStorage或者sessionStroage 1.使用vuex-along v
-
问题内容： 我有一个应用程序，它使用一个ng-view和多个控制器和视图。如果我浏览根目录，例如：www.domain.com，则一切正常。除非我按Ctrl +R（刷新），否则会显示404错误页面未找到。例如：刷新此页面给我错误。http://domain.com/item/1/。 但是，如果我使用hashbang访问页面，则它可以工作。例如：http://domain.com/#!/item/1
-
本文向大家介绍react-router browserHistory刷新页面404问题解决方法，包括了react-router browserHistory刷新页面404问题解决方法的使用技巧和注意事项，需要的朋友参考一下 使用React开发新项目时，遇见了刷新页面，直接访问二级或三级路由时，访问失败，出现404或资源加载异常的情况，本篇针对此问题进行分析并总结解决方案。 背景 使用webpack
-
当我hithttp://localhost:4200或http://localhost:4200/forgotPasswordEmail本地环境时，它可以正常工作。 在我的正式生产环境中打开索引页面并单击链接转到另一个页面也可以。但是，当我刷新页面或直接转到
-
一个页面有两个导航，切换导航会刷新url和页面 导致猴油脚本失效 求助怎么解决这个问题？ 每次点击查询重启计时器，我试过 在不切换导航的时候会正常运行，但是页面操作完成后会强制性切换到打款记录的页面，我再次点击发起打款 返回后 点查询 定时器就失效了 为什么？ 我试过 这样的载入方法也不行