將主機配置傳遞給控制器​​/服務

Question

我有一個控制器在範圍由指令設置之前發出$ http.get請求。如何確保在控制器執行此操作之前首先設置所需的範圍值？

我有一個指令......

<mydir host="'localhost:8080'" api="/myapi/bla=?asdf=123"/> 

定義爲...

myapp.directive('mydir', function() { 

    return{ 

     restrict: 'E', 
     templateUrl: 'scripts/partials/dillist.html', 
     link: function(scope, element, attrs){ 
      scope.host = attrs['host']; 
      scope.api = attrs['api']; 
     } 

    } 
}); 

我的服務..

.service('MyService',function($http, $q){ 

     return{ 

      getPageData: function(host, api){ 
       $http.get(host+ api) 
       ///some more stuff 
      } 

     } 
    } 

但是我控制器之前執行的服務方法指令有機會將指令的屬性分配給作用域。

// inside the controller // 
MyService.getPageData($scope.host, $scope.api).then(function(res){ 
     ... some more code .. 
    }); 

Answer 1

解決這個問題的最簡單方法就是將您的getPageData調用移動到作用域上的$ watch函數。

事情是這樣的：

$scope.$watch('[host,api]'), function() { 
    if ($scope.host && $scope.api) 
     MyService.getPageData($scope.host, $scope.api).then(function(res){ 
      ... some more code .. 
     }); 
}, true);