小編給大家分享一下AngualrJS頁面刷新導致異常顯示怎么辦，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務，包含不限于成都做網(wǎng)站、網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設、容縣網(wǎng)絡推廣、小程序設計、容縣網(wǎng)絡營銷、容縣企業(yè)策劃、容縣品牌公關、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)公司為所有大學生創(chuàng)業(yè)者提供容縣建站搭建服務，24小時服務熱線：18982081108，官方網(wǎng)址：www.cdcxhl.com

頁面正常加載后，顯示如下：

按F5刷新之后，頁面如下所示:

很明顯，頁面顯示出現(xiàn)了異常?；剡^頭再看看Chrome的錯誤提示，

具體代碼如下:

正是以上代碼導致了錯誤的發(fā)生。

追根溯源

讓我們回顧一下，錯誤到底是如何發(fā)生的。正常加載情況下，頁面正常顯示很容易理解，程序是按照既定的數(shù)據(jù)流走的。但是按F5刷新之后，$stateParams.uid已經(jīng)不存在了，此時再次調(diào)用就會出現(xiàn)undefined的錯誤，導致頁面加載出現(xiàn)異常。

如何解決這類問題呢？

首先應在語句執(zhí)行之前添加變量判斷語句，若變量存在且不為空，則可繼續(xù)執(zhí)行其它流程。代碼如下:

  $scope.pageNumber = 1; // 起始查詢頁碼
  $scope.totalItems = 0; // 查詢數(shù)據(jù)總數(shù)
  $scope.pageCnt = 1; // 初始化總頁數(shù)
  if($stateParams.uid != "" && $stateParams.uid != null && typeof(instance.shopStatementDtl) != "undefined")
  {
  .................
  .................
  }

執(zhí)行后效果:

以上是“AngualrJS頁面刷新導致異常顯示怎么辦”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！