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

开始

俗话说，细节决定成败，编程也是如此。在编程的过程中，我们可能会不自觉地忽略一些细节，但众所周知，这些细节是页面显示中产生问题的地方。今天就举个例子，和大家分享一下。

页面正常加载后，显示如下：

按F5刷新后，页面显示在：下方

显然，页面显示不正常。回顾Chrome的错误信息，

具体代码如下：

正是上面的代码导致了错误。

追溯某物的来源

让我们回顾错误是如何发生的。在正常加载条件下，很容易理解页面显示正常，程序遵循既定的数据流。但是，按F5刷新后，$stateParams.uid不再存在。此时，再次调用时，会出现未定义的错误，导致页面加载异常。

如何解决这种问题？

首先，变量判断语句应该在语句执行之前添加。如果变量存在且不为空，则可以继续其他过程。代码如下：

$ scope . page number=1；//开始查询页码$作用域。total times=0；//总查询数据$ scope . page CNT=1；//初始化总页数if($stateParams.uid！='' $stateParams.uid！=null type of(instance . shopdatementdtl)！=' undefined '){ 0.....}执行后效果：

以上就是本文的全部内容。希望本文的内容能给大家的学习或工作带来一些帮助，也希望多多支持我们！