AngularJS：コードの他の部分を実行する前に$ httpでデータを初期化する方法は？

Question

は私が適切に呼び出し、この方法は私の問題である今、何

$scope.init = function(){   
     console.log($scope.languageFilePath); 
     $http.get($scope.languageFilePath) //languageFilePath contain url 
     .then(function(res){ 
      console.log('scueese');   
      $scope.translate = res.data;   
      console.log($scope.translate.SERVICE); 
      // $scope.eqipment = $scope.translate['COLOR']; 
      //console.log("Data String "+equip); 
      //$scope.eqipment="ghsh" 
     });  
    }; 
    $scope.init(); 

コード

の下が、コードの $scope.translateその実行他の部分を初期化する前に持っています。

私はコード内で何をしなければならないのですか？最初に$scope.translateを初期化すると、ファイルの他のメソッドが呼び出されます。

注： - $ http.get（）メソッドは、他のメソッドが実行された後にこのメソッドが呼び出されたときに呼び出され、呼び出されたメソッドの後にthenが実行されます。

Answer 1

あなたの問題は、コードの$ scope.init後の（）の呼び出しを実行する場合は、このように、http.getの約束を使用するように試みることができる：

$scope.init = function(){   
     console.log($scope.languageFilePath); 
     return $http.get($scope.languageFilePath) //languageFilePath contain url 
      .then(function(res){ 
      console.log('scueese');   
      $scope.translate = res.data;   
      console.log($scope.translate.SERVICE); 
     });  
    }; 
    $scope.init().then(function(){ 
     //this code will be executed after the http get... 
}); 

EDIT 1

OPからいくつかのコードを受け取ったら、以下のように.jsファイルを修正してください。http://pastebin.com/mFUWSU0N

このようにして、init（）以下のすべてのコードは$ http.getの完了後に実行されます。

Answer 2

はあなたのinitで指名手配機能アウトすべきことがありますあなたも何ができるか

$scope.init = function(){   
     console.log($scope.languageFilePath); 
     return $http.get($scope.languageFilePath) //languageFilePath contain url 
      .then(function(res){ 
      console.log('scueese');   
      $scope.translate = res.data;   
      console.log($scope.translate.SERVICE); 
      myFunc(); 
      myFunc2(); 
     });  
    }; 

Answer 3

をそれあなたのコントローラの依存関係作りです。あなたが行うことができますyourpage.html上でアクティブである、あなたのコントローラで、その後

myApp.config(['$routeProvider',function ($routeProvider) { 
    $routeProvider.when('../../goto/yourpage', { 
     templateUrl: '/yourpage.html', 
     controller: 'myController', 
     resolve: { 
      initializeFunction: function($http) { 
       // do some logic you want executed before anything else 
       return $http.get("blablabla").$promise; 
       });  
      } 
     } 
    }); 
}]); 

：

myApp.controller('myController',function ($scope,initializeFunction) { 
    $scope.possibleReturnFromTheFunction = initializeFunction; 
});