緒  

俗話說，細節決定成敗，編程亦是如此。編程過程中我們可能會不自覺的忽視一些細節問題，殊不知，這些細節正是導致頁面顯示出現問題的地方。今略舉一例，與君共勉之。

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

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

執行后效果:

以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持武林網！