我如何將範圍從控制器傳遞到angularjs中的服務？

Question

我有以下控制器：

'use strict'; 

    /* Controllers */ 

    angular.module('stocks.controllers', []). 
    controller('MyCtrl1', ['$scope', '$http', 'stockData', function MyCtrl1 ($scope, $http, stockData) { 

     $scope.submit = function() { 




     $scope.info = stockData.query(); 
     console.dir($scope.info); 
     } 

    }]); 

，我想通過綁定NG-模型，在我看來，所謂的坐向ng-model="symbol_wanted"以下服務...

'use strict'; 

    /* Services */ 

    angular.module('stocks.services', ['ngResource']).factory('stockData', ['$resource', 
     function($resource){ 
     return $resource('http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20yahoo.finance.quotes%20where%20symbol%20in%20(%22YHOO%22)%0A%09%09&env=http%3A%2F%2Fdatatables.org%2Falltables.env&format=json', {}, { 
     query: {method:'GET', isArray:false} 
     }); 
    }]); 

如何連接控制器的範圍被傳入服務？謝謝！

Answer 1

how do i pass scope from controller to service in angularjs?

您不能將$ scope注入到服務中，沒有像Singleton $ scope那樣的東西。

i want to pass a bound ng-model that sits in my view called ng-model="symbol_wanted" to the following service...

您可以調用服務，並通過參數是這樣的：

.factory('stockData', ['$resource', '$q', function ($resource, $q) { 

    var factory = { 
     query: function (value) { 

      // here you can play with 'value' 

      var data = $resource('http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20yahoo.finance.quotes%20where%20symbol%20in%20(%22YHOO%22)%0A%09%09&env=http%3A%2F%2Fdatatables.org%2Falltables.env&format=json', {}, { 
       query: { 
        method: 'GET', 
        isArray: false 
       } 
      }); 
      var deferred = $q.defer(); 
      deferred.resolve(data); 
      return deferred.promise; 
     } 

    } 
    return factory; 
}]); 

所以我們稱這種服務，並得到一個承諾背這樣的：

stockData.query(value) // <-- pass value 
     .then(function (result) { 
     $scope.data = result;    
    }, function (result) { 
     alert("Error: No data returned"); 
    }); 

BTW，我建議您使用$http.get：

演示Fiddle

Answer 2

您的ng-model值將自動成爲範圍屬性。所以，你可以使用這個在你的控制器，以獲得當前值：

$scope.symbol_wanted; 

所以，讓我們說，你有一個函數來處理你的控制器點擊：

$scope.handleMyClick = function() { 

    stockData.query($scope.symbol_wanted); 
} 

你可以使用scoped屬性。