有没有办法将AngularJS的$ log注入每个服务和控制器?它只是觉得有点多余,为每一个指定它。
答案 0 :(得分:2)
另一种方法是将方法添加到rootScope,然后通过控制器中的$ scope。$ root访问它,从而避免再次注入。我不知道它是否像全局一样糟糕。
testapp.js
(function(){
'use strict';
angular.module('app', [])
.run(function($rootScope, $log) {
$rootScope.log = function(msg){
$log.info(msg);
}
})
.controller('LogCtrl', ['$scope', function LogCtrl($scope) {
$scope.logThis = function(msg){
$scope.$root.log(msg);
};
}]);
})();
的test.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.5/angular.min.js"></script>
<script src="testapp.js"></script>
</head>
<body ng-app="app">
<div ng-controller="LogCtrl">
<p>Enter text and press the log button.</p>
Message:
<input type="text" ng-model="message"/>
<button ng-click="logThis(message)">log</button>
</div>
</body>
</html>
答案 1 :(得分:1)
如果没有在函数参数中定义它,我似乎无法注入它。但你可以提供它:
var $log;
app.run(['$log',function(logService) {
$log = logService;
}]);
app.controller('MainCtrl', function($scope, myService) {
$log.warn('Controlling');
});
app.service('myService', function() {
$log.warn('Ha!');
return {};
});
http://plnkr.co/edit/Zwnay7dcMairPGT0btmC?p=preview
另一种方法是将其设置为全局变量(window.$log
),但我不会这样做。
答案 2 :(得分:0)
对于那些认为使用$ rootscope需要太多烦恼的人来说,这是一个解决方案:将$ log添加到角度对象。
angular.module('myModule')
.run(['$log', function($log) {
angular.log = $log;
}]);
然后,当您创建控制器时,不需要$ log。
angular.module('myModule')
.controller('MyController', MyController);
MyController.$inject = []; // <-- see, no $log required!
function MyController() {
angular.log.info("Hello world");
}
如果你想稍微缩短一点,你甚至可以更进一步添加angular.info = $ log.info。