角度服務不會觸發

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}); 

     }); 
    });