イオン空白のプロジェクトのポップアップメッセージの問題

Question

私の要件として、私はアプリケーションを開くときにポップアップメッセージを表示したい。アラートを使用することはできません。

angular.module('starter', ['ionic']) 
 

 
.run(function($ionicPlatform) { 
 
    $ionicPlatform.ready(function($scope, $ionicPopup, $timeout) { 
 
    if(window.cordova && window.cordova.plugins.Keyboard) { 
 
     cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); 
 
     cordova.plugins.Keyboard.disableScroll(true); 
 
    } 
 
    if(window.StatusBar) { 
 
     StatusBar.styleDefault(); 
 
    } 
 

 
\t $scope.showAlert = function() { 
 
\t var alertPopup = $ionicPopup.alert({ 
 
\t \t title: 'Don\'t eat that!', 
 
\t \t template: 'It might taste good' 
 
\t }); 
 

 
\t alertPopup.then(function(res) { 
 
\t \t console.log('Thank you for not eating my delicious ice cream cone'); 
 
\t }); 
 
\t }; 
 

 
\t if (window.cordova) { 
 
\t \t cordova.plugins.diagnostic.isLocationEnabled(function(enabled) { 
 
\t \t \t if(!enabled){ 
 
\t \t \t \t alert("Location is not enabled"); 
 
\t \t \t \t cordova.plugins.diagnostic.switchToLocationSettings(); 
 
\t \t \t } 
 
\t \t }, function(error) { 
 
\t \t \t alert("The following error occurred: " + error); 
 
\t \t }); 
 
\t } 
 
    }); 
 
})

しかし、これはエラー与えている "$の範囲が定義されていません"。

Answer 1

$scopeは、実行機能では提供されていません。したがって、機能を実行するには$rootScopeを注入する必要があります。 $scopeを$rootScopeに置き換えると、問題なく動作します。

.run(function($ionicPlatform, $rootScope, $ionicPopup, $timeout) { 
    $ionicPlatform.ready(function() { 

    // Code here 
    .... 

    $rootScope.showAlert = function() { 
     var alertPopup = $ionicPopup.alert({ 
     title: 'Don\'t eat that!', 
     template: 'It might taste good' 
     }); 

     alertPopup.then(function(res) { 
     console.log('Thank you for not eating my delicious ice cream cone'); 
     }); 
    }; 

    // Code here 
    .... 
}); 

<button ng-click="$root.showAlert()"> 

Answer 2

angular.module('starter', ['ionic']) 

.run(function($ionicPlatform, $rootScope, $ionicPopup, $timeout) { 
    $ionicPlatform.ready(function() { 
    if(window.cordova && window.cordova.plugins.Keyboard) { 
     cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); 
     cordova.plugins.Keyboard.disableScroll(true); 
    } 
    if(window.StatusBar) { 
     StatusBar.styleDefault(); 
    } 

    $rootScope.showAlert = function() { 
     var alertPopup = $ionicPopup.alert({ 
     title: 'Don\'t eat that!', 
     template: 'It might taste good' 
     }); 

     alertPopup.then(function(res) { 
     console.log('Thank you for not eating my delicious ice cream cone'); 
     }); 
    }; 

    if (window.cordova) { 
     cordova.plugins.diagnostic.isLocationEnabled(function(enabled) { 
      if(!enabled){ 
       alert("Location is not enabled"); 
       cordova.plugins.diagnostic.switchToLocationSettings(); 
      } 
     }, function(error) { 
      alert("The following error occurred: " + error); 
     }); 
    } 
    }); 
}) 

私はあなたのコード内のいくつかの変更を行いました。これがあなたの問題解決に役立つことを願っています。