Angular $injector - Angular 的 $timeout 的未知提供者

Question

我正在尝试将 Angular 的 $timeout 服务注入一个应该在我的应用程序的多个控制器中调用的方法中。但是，我总是收到错误消息：

错误：[$injector:unpr] 未知提供者：$timeoutProvider $timeout

当然必须知道$timeout，因为它是一个角度服务，所以我不明白为什么会发生这个错误。

这是我的代码：

HTML:
<div ng-app="app" ng-controller="sampleController">
    <button ng-click="doit()">Do It!</button>
</div>

JAVASCRIPT:
var app = angular.module('app', []);
app.controller('sampleController', ['$scope', function($scope) {
    var _this = this;

    $scope.doit = function() {
        var $injector = angular.injector();
        var $timeout = $injector.get('$timeout', _this);

        $timeout(function () { alert('ok'); });
    };
}]);

这是一个演示问题的 jsfiddle：

https://jsfiddle.net/fvw8zss5/

---

• 这不是关于这是否是一种不好的做法的问题。当然是坏的。这是一个关于为什么它不起作用的问题。
• 如果您知道如何使用 JsFiddle，JsFiddle 就可以使用。

Answer 1

angular.injector() 只能在每个应用程序而不是每个模块使用一次来获取注入器，您应该通过 DI 使用 $injector 来获取实例化的注入器。 话虽如此，将 ng 模块添加到列表中将通过创建新的注入器来“解决”问题（不推荐）

查看this answer 以获得完整的解释和更合适的解决方案。

Answer 2

我想我明白你在说什么，你想要一个函数可用于所有 25 个控制器，而不必对所有 25 个控制器进行依赖注入，并且你不想提供服务，因为你必须将此服务注入所有 25 个控制器。

老实说，如果您希望此功能在 25 个控制器上可用，您将不得不对所有 25 个控制器执行 DI，无论是 $timeout、service 还是 $rootScope 方法

假设您也没有所有 25 个控制器的父控制器，这里是 $rootScope 版本：

angular.module('fooApp').run(['$rootScope', '$timeout', function($rootScope, $timeout) { 
    $rootScope.doit = function() {
       //Insert function here with $timeout        
    };
}]);

您必须将 $rootScope 注入所有控制器才能运行此功能。

我认为你最好的选择是通过恕我直言使用服务，或者至少在下次设置你的应用程序以便你有一个父控制器。

Answer 3

为什么不把它注入你的控制器声明中

app.controller('sampleController', ['$scope','$timeout', function($scope,$timeout)

Answer 4

为什么不使用指令而不是在每个控制器中重复工作？

<div ng-app="app" ng-controller="sampleController">
    <button do-it>Do It!</button>
</div>

对于脚本方面：

app.directive('doIt', function ($timeout) {
    return {
        restrict: 'A',
        link: function ($scope, $element, $attr) {
            $element.on('click', function () {
                $timeout(function () { alert('ok'); });
            });
        }
    };
});