解决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")
  {
  .................
  .................
  }

执行后效果:

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！

# angualrjs  # 刷新页面  # angular+ionic返回上一页并刷新页面  # js返回上一页并刷新代码整理  # AngularJS实现页面定时刷新  # AngularJS ui-router刷新子页面路由的方法  # AngularJs返回前一页面时刷新一次前面页面的方法  # 加载  # 就会  # 追根溯源  # 让我们  # 很容易  # 这类  # 所示  # 应在  # 很明显  # 则可  # 不自觉  # 如何解决  # 再看看  # 俗话说  # 一例  # 为空  # 过程中  # 正常显示  # 出现了  # 错误提示 

相关文章： 常州自助建站费用包含哪些项目？  如何通过可视化优化提升建站效果？  江苏网站制作公司有哪些,江苏书法考级官方网站？  免费网站制作模板下载,除了易企秀之外还有什么H5平台可以制作H5长页面，最好是免费的？  上海制作企业网站有哪些,上海有哪些网站可以让企业免费发布招聘信息？  如何设计高效校园网站？  北京企业网站设计制作公司,北京铁路集团官方网站？  建站之星上传入口如何快速找到？  建站之星在线版空间：自助建站+智能模板一键生成方案  c++ stringstream用法详解_c++字符串与数字转换利器  电影网站制作价格表,那些提供免费电影的网站，他们是怎么盈利的？  台州网站建设制作公司,浙江手机无犯罪记录证明怎么开？  如何选择可靠的免备案建站服务器？  宝塔建站无法访问？如何排查配置与端口问题？  太平洋网站制作公司,网络用语太平洋是什么意思？  成都网站制作价格表,现在成都广电的单独网络宽带有多少的，资费是什么情况呢？  制作证书网站有哪些,全国城建培训中心证书查询官网？  C++时间戳转换成日期时间的步骤和示例代码  网站代码制作软件有哪些,如何生成自己网站的代码？  香港服务器如何优化才能显著提升网站加载速度？  建站之星安装后如何配置SEO及设计样式？  如何在西部数码注册域名并快速搭建网站？  如何选择高效可靠的多用户建站源码资源？  如何续费美橙建站之星域名及服务？  网站制作员失业,怎样查看自己网站的注册者？  h5网站制作工具有哪些,h5页面制作工具有哪些？  宁波免费建站如何选择可靠模板与平台？  重庆市网站制作公司,重庆招聘网站哪个好？  专业网站制作服务公司,有哪些网站可以免费发布招聘信息？  网站制作多少钱一个,建一个论坛网站大约需要多少钱？  如何挑选优质建站一级代理提升网站排名？  css网站制作参考文献有哪些,易聊怎么注册？  南京做网站制作公司,南京哈发网络有限公司，公司怎么样，做网页美工DIV+CSS待遇怎么样？  如何通过IIS搭建网站并配置访问权限？  c# 在ASP.NET Core中管理和取消后台任务  详解jQuery停止动画——stop()方法的使用  如何高效配置IIS服务器搭建网站？  如何配置支付宝与微信支付功能？  学校免费自助建站系统：智能生成+拖拽设计+多端适配  教学网站制作软件,学习*后期制作的网站有哪些？  手机网站制作与建设方案,手机网站如何建设？  网站制作外包价格怎么算,招聘网站上写的“外包”是什么意思？  php能控制zigbee模块吗_php通过串口与cc2530 zigbee通信【介绍】  制作无缝贴图网站有哪些,3dmax无缝贴图怎么调？  python的本地网站制作,如何创建本地站点？  贸易公司网站制作流程,出口贸易网站设计怎么做？  微信小程序制作网站有哪些,微信小程序需要做网站吗？  潍坊网站制作公司有哪些,潍坊哪家招聘网站好？  较简单的网站制作软件有哪些,手机版网页制作用什么软件？  如何快速生成高效建站系统源代码？