溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

AngualrJS頁面刷新導(dǎo)致異常顯示怎么辦

發(fā)布時(shí)間：2021-06-29 13:52:27 來源：億速云 閱讀：128 作者：小新 欄目：web開發(fā)

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

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

AngualrJS頁面刷新導(dǎo)致異常顯示怎么辦

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

AngualrJS頁面刷新導(dǎo)致異常顯示怎么辦

很明顯，頁面顯示出現(xiàn)了異常。回過頭再看看Chrome的錯(cuò)誤提示，

AngualrJS頁面刷新導(dǎo)致異常顯示怎么辦

具體代碼如下:

AngualrJS頁面刷新導(dǎo)致異常顯示怎么辦

正是以上代碼導(dǎo)致了錯(cuò)誤的發(fā)生。

追根溯源

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

如何解決這類問題呢？

首先應(yīng)在語句執(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頁面刷新導(dǎo)致異常顯示怎么辦

以上是“AngualrJS頁面刷新導(dǎo)致異常顯示怎么辦”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手