我正在尝试在 angular 服务中创建一个构造函数，然后我可以在不同的 angular 控制器中使用它.问题是，我从构造函数生成的对象需要访问 $scope 对象上的属性之一才能正常运行.
我的实现与我所追求的功能一起工作，但它涉及将 $scope 对象作为参数传递到构造函数中.有没有更好的方法来实现这一点?我目前的实施方式有什么问题吗?
HTML:
<div ng-controller="myController"><input type="text" ng-model="hello"/><br/>{{你好}}<br/>{{helloSayer.hello}}<br/>{{helloSayer.helloLength()}}JavaScript:
var myApp = angular.module('myApp', []);myApp.controller('myController', function myController($scope, myService) {$scope.hello = '来自控制器的你好';$scope.helloSayer = new myService.HelloSayer($scope);});myApp.factory('myService', function () {var HelloSayer = 函数(控制器作用域){this.hello = '来自服务的你好';this.helloLength = 函数 () {返回 controllerScope.hello.length;};};返回 {你好说:你好说};});这是小提琴中的工作代码:http://jsfiddle.net/dBQz4/>
你真的不想传递范围，它们是复杂的野兽.更重要的是，作为一般规则，明确说明您正在传递的内容是一个好主意.如果你只需要一杯牛奶，就不要送奶牛.
var myApp = angular.module('myApp', []);myApp.controller('myController', function myController($scope, myService) {$scope.hello = '来自控制器的你好';$scope.helloSayer = new myService.HelloSayer($scope.hello);});myApp.factory('myService', function () {var HelloSayer = 函数(controller_hello){this.hello = '来自服务的你好';this.helloLength = 函数 () {返回controller_hello.length；};};返回 {你好说:你好说};});I am trying to create a constructor function inside an angular service, which I could then use inside of my different angular controllers. The problem is, my object generated from the constructor needs access to one of the properties on my $scope object in order to function correctly.
I have the implementation working with the functionality I am after, but it involves passing the $scope object into the constructor function as a parameter. Is there a better way to accomplish this? Are there any issues with the way I currently have it implemented?
HTML:
<div ng-app="myApp">
<div ng-controller="myController">
<input type="text" ng-model="hello" />
<br/>{{hello}}
<br/>{{helloSayer.hello}}
<br/>{{helloSayer.helloLength()}}
</div>
</div>
JavaScript:
var myApp = angular.module('myApp', []);
myApp.controller('myController', function myController($scope, myService) {
$scope.hello = 'Hello from controller';
$scope.helloSayer = new myService.HelloSayer($scope);
});
myApp.factory('myService', function () {
var HelloSayer = function (controllerScope) {
this.hello = 'Hello from service';
this.helloLength = function () {
return controllerScope.hello.length;
};
};
return {
HelloSayer: HelloSayer
};
});
Here is the working code in a fiddle: http://jsfiddle.net/dBQz4/
You really do not want to be passing scopes around, they are complicated beasts. More to the point, as a general rule it is a good idea to be explicit about what you are passing around. Don't send the cow if you only need a glass of milk.
var myApp = angular.module('myApp', []);
myApp.controller('myController', function myController($scope, myService) {
$scope.hello = 'Hello from controller';
$scope.helloSayer = new myService.HelloSayer($scope.hello);
});
myApp.factory('myService', function () {
var HelloSayer = function (controller_hello) {
this.hello = 'Hello from service';
this.helloLength = function () {
return controller_hello.length;
};
};
return {
HelloSayer: HelloSayer
};
});
这篇关于从 AngularJS 中的服务内部访问 $scope 属性的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！