您基本上有两个选项，将其定义为服务，或将其放置在根范围。我建议你做一个服务，以避免污染根范围。您创建一个服务，并使其可用在您的控制器中，像这样：
原文链接：https://www.f2er.com/angularjs/147430.html<!doctype html>
<html ng-app="myApp">
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.angularjs.org/1.1.2/angular.min.js"></script>
<script type="text/javascript">
var myApp = angular.module('myApp',[]);
myApp.factory('myService',function() {
return {
foo: function() {
alert("I'm foo!");
}
};
});
myApp.controller('MainCtrl',['$scope','myService',function($scope,myService) {
$scope.callFoo = function() {
myService.foo();
}
}]);
</script>
</head>
<body ng-controller="MainCtrl">
<button ng-click="callFoo()">Call foo</button>
</body>
</html>
如果这不是一个选项，你可以将它添加到根范围，如下所示：
<!doctype html>
<html ng-app="myApp">
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.angularjs.org/1.1.2/angular.min.js"></script>
<script type="text/javascript">
var myApp = angular.module('myApp',[]);
myApp.run(function($rootScope) {
$rootScope.globalFoo = function() {
alert("I'm global foo!");
};
});
myApp.controller('MainCtrl',function($scope){
}]);
</script>
</head>
<body ng-controller="MainCtrl">
<button ng-click="globalFoo()">Call global foo</button>
</body>
</html>
这样，所有的模板都可以调用globalFoo()，而不必将它传递给控制器的模板。
