angularjs – Angular.js对象中的函数参数名称如何连接到其他对象?

前端之家收集整理的这篇文章主要介绍了angularjs – Angular.js对象中的函数参数名称如何连接到其他对象?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
假设我已经在Angular.js中创建了一个带有服务和控制器的模块,我可以像这样访问控制器内的那个服务:
var myapp = angular.module('my-app',[]);

myapp.factory('Service',function() {
  var Service = {};
  Service.example = 'hello';
  //etc..
  return Service;
});

myapp.controller('mainController',function($scope,Service) {
  $scope.greeting= Service.example;
});

在这个例子中,Service对象将被传递给控制器​​,并且像这样构造代码不会改变代码的行为:

myapp.controller('mainController',function(Service,$scope) {
  $scope.greeting= Service.example;
});

那么Angular.js怎么“知道”什么是函数参数呢?

Angular简单地解析依赖关系的函数的toString()表示。从 the docs

In JavaScript calling toString() on a function returns the function definition. The definition can then be parsed and the function arguments can be extracted.

但是,请注意,如果您的代码被缩小,这种方法将失败。因此,Angular支持一种替代方法(我建议始终使用它)语法,使用数组:

myapp.controller('mainController',["$scope","Service",Service) {
  $scope.greeting= Service.example;
}]);

猜你在找的Angularjs相关文章