스플래시 스크린 후 이온 흰색 화면

Question

나는 WiFi 연결이 있는지 여부를 감지하는 스크립트를 작성했습니다. 그러나 Wi-Fi 연결이 없을 때 앱이 시작되면 스플래시 화면이로드되고 흰색 화면이 표시됩니다. 콘솔이 오류 표시 :이 와이파이 및 검출 용 내 스크립트입니다

Failed to load resource: net::ERR_INTERNET_DISCONNECTED

을 그것 '$ ionicPlatform.ready'에 배치 : 있도록

$rootScope.$on('$cordovaNetwork:offline', function(event, networkState) 
    { 
     connectionerror($ionicPopup) 
    }) 

    //display error msg and close the app. 
    function connectionerror($ionicPopup,$scope) 
    { 
     var myPopup = $ionicPopup.show({ 
     title: 'Network Error', 
     content: 'No internet connectivity detected. Please try again.', 
     buttons: [ 
     { 
      text: '<b>Retry</b>', 
      type: 'button-positive', 
      onTap: function(e) 
      { 
      if (!$cordovaNetwork.isOnline()) 
      { 
       e.preventDefault(); 
      } 
      else 
      { 
       $state.reload(); 
      } 
      } 
     }] 
     }); 
    } 

가 어떻게 그것을 해결 않는되는 SplashScreen 후 , 와이파이가 없다면 메시지가 표시됩니까?

Answer 1

아마도 PC에서 리소스를로드하려고 할 때 오류가 발생합니다. ionic serve 또는 ionic serve live를 실행 중이고 Wi-Fi의 연결을 끊는 경우 앱은 Wi-Fi를 사용하여 PC에서 템플릿 양식을로드하려고 시도하며이를 수행 할 수 없습니다.

해당 스크립트를 테스트하려면 앱을 빌드하고 장치에서 실행해야합니다.

작동하는 경우 컨트롤러가 다르게 작동해야합니다. 다음과 같이 보일 것입니다 :

.controller('controller', function($scope, $rootScope, $state, $ionicPopup, $cordovaNetwork){ 
    $rootScope.$on('$cordovaNetwork:offline', function(event, networkState) 
     { 
     connectionerror() 
     }) 

    //display error msg and close the app. 
    function connectionerror() 
    { 
     var myPopup = $ionicPopup.show({ 
     title: 'Network Error', 
     content: 'No internet connectivity detected. Please try again.', 
     buttons: [ 
     { 
      text: '<b>Retry</b>', 
      type: 'button-positive', 
      onTap: function(e) 
      { 
      if (!$cordovaNetwork.isOnline()) 
      { 
       e.preventDefault(); 
      } 
      else 
      { 
       //go to a state like index or home instead of reload. Reload resets the application and should be avioded in single page apps 
       $state.go('...'); 
      } 
      } 
     }] 
     }); 
    } 
})