解决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")
{
.................
.................
}
执行后效果:
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持小牛知识库！
-
当前代码如下，需要实现不同页面的切换，并且实现缓存效果，但目前缓存效果未实现。 在onMounted中输出1来判断是否缓存成功，即首次加载该页面输出1，进入二级界面后返回将不在输出1。尝试修改后如下 缓存虽然实现了，但是页面切换变得混乱。如何同时保留页面切换与缓存的效果呢？
-
本文向大家介绍解决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
-
如图所示，分数这根折线数值较大，显示位置正常。而各个名次均是比较小的数，折线位置Y轴刻度明显应该在100以下，折线也该在100以下的。哪里出了问题呢？ 补充代码===============================