角度サービスは起動しません

Question

私はかなり簡単でしたplunker私の問題を表示する。問題は変数があり、この変数に初期アプリケーションの読み込みを設定したいのですが、私はこの目的のために角度サービスを行いましたが、何らかの理由で角度サービスがコントローラ内で起動しません。私のミスはどこですか？

app.controller('MainCtrl', function($scope, optService) { 

    $scope.priority = []; 

    var exeService = function() { 

    console.log('function fired') 
    // this is firing 
     optService.myOptions(function (result) { 

     console.log('service fired') 
    // this is not firing 
      angular.forEach(result, function(value) { 

       $scope.priority.push({value: value.name, label: value.name}); 

      }); 
     }); 
    } 
    exeService() 
    console.log($scope.priority) 
    // shows an empty array 
}); 

サービス

(function() { 

angular.module("app").factory("optService", ["$http", "$rootScope", "$q", "$log", 
    function ($http, $rootScope, $q, $log) { 

     var clearApi = "test.json"; 


     function myOptions() { 
      return $http.get(clearApi) 
       .then(function (response) { 
        console.log(response.data) 
        // shows an array 
        return response.data; 
       }); 
     } 

     return { 
      myOptions: myOptions 
     } 

     }]) 
}()); 

Answer 1

あなたはそのようなサービスの宣言実行する必要があります。

app.controller('MainCtrl', ['$scope', 'optService', function($scope, optService) { 

とコントローラで

optService.myOptions().then(function (result) { 

    console.log('service fired') 

     angular.forEach(result, function(value) { 

      $scope.priority.push({value: value.name, label: value.name}); 

     }); 
    });