在$ stateprovider的控制器中調用服務

Question

現在我可以在我的AppCtrl中執行我的服務，但這是不對的。因爲只有當用戶不喜歡page2時才需要該服務。當page2狀態處於活動狀態時，如何執行我的服務？我試着解決，但無法正常工作。

app.config(function ($stateProvider, $urlRouterProvider) { 


     $urlRouterProvider.otherwise('home'); 

     $stateProvider.state('home', { 
      url: '/home', 
      templateUrl: 'home.html' 
     }) 

     $stateProvider.state('page2', { 
      url: '/page2/:topicId', 
      templateUrl: 'page2.html' 
     // call my service here? 
    }); 

    }); 

app.controller('AppCtrl', ['$scope', 'getTopicContent', function($scope,getTopicContent){ 
    getTopicContent.request().success(function(data){ 
     $scope.myList = data; 
    }); 
}]); 


app.factory('getTopicContent', ['$http', function($http){ 

    var query = function() { 
     return $http({ 
      url: "http://www.corsproxy.com/mydata.me/level1/list.php", 
      method: "GET" 
     }) 
    } 

    return { 
     request : function(){ 
      return query(); 
     } 

    } 
}]); 

Answer 1

您可以爲您的頁面創建控制器並在其中注入服務。

$stateProvider.state('page2', { 
     url: '/page2/:topicId', 
     templateUrl: 'page2.html', 
     controller: 'Page2Ctrl' 
}); 

那麼你的控制器看起來像

app.controller('Page2Ctrl', ['$scope', 'getTopicContent', function($scope,getTopicContent){ 
    getTopicContent.request().success(function(data){ 
     $scope.myList = data; 
    }); 
}]); 

，如果你想嘗試的決心，你可以做這樣的事情

$stateProvider.state('page2', { 
     url: '/page2/:topicId', 
     templateUrl: 'page2.html', 
     controller: 'Page2Ctrl', 
     resolve: { 
      content: getTopicContent.request().success(function(data){ 
         return $scope.myList = data; 
        }); 
     } 
}); 

然後在你的Page2Ctrl您可以驗證此內容

app.controller('Page2Ctrl', ['$scope', 'getTopicContent', function($scope, content){ 
    if (content) { 
     $scope.content = content; 
    }  
}]);