我如何将范围从控制器传递给 angularjs 中的服务? [英] how do i pass scope from controller to service in angularjs?
问题描述
我有以下控制器:
'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-model="symbol_wanted"
的绑定 ng-model 传递给以下服务...
and i want to pass a bound ng-model that sits in my view called ng-model="symbol_wanted"
to the following service...
'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}
});
}]);
如何连接控制器的作用域以传递到服务中?谢谢!
how do i connect the controller's scope to get passed into the service? thanks!
推荐答案
如何在 angularjs 中将作用域从控制器传递给服务?
how do i pass scope from controller to service in angularjs?
你不能将 $scope 注入到服务中,没有单例 $scope 这样的东西.
You can't inject $scope into services, there is no such thing as a Singleton $scope.
我想将我视图中名为 ng-model="symbol_wanted" 的绑定 ng-model 传递给以下服务...
i want to pass a bound ng-model that sits in my view called ng-model="symbol_wanted" to the following service...
您可以通过这种方式调用服务并传递参数:
You can call the service and pass parameters this way:
.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;
}]);
所以我们调用这个服务并得到一个这样的承诺:
So we call this service and get a promise back like this:
stockData.query(value) // <-- pass value
.then(function (result) {
$scope.data = result;
}, function (result) {
alert("Error: No data returned");
});
顺便说一句,我建议你使用 $http.get
:
BTW, I'd suggest you use $http.get
:
演示 小提琴
这篇关于我如何将范围从控制器传递给 angularjs 中的服务?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!