angular-fullstack directive causes Error: [$injector:unpr]

Question

我有一个 angular-fullstack 项目，我一直在做。一切正常，直到我试图做出指示。起初我认为我的指令太复杂了，但后来我尝试使用股票生成的指令，但我仍然遇到同样的错误。

指令在这里：

 'use strict';

 angular.module('angularApp')
      .directive('test', function () {
        return {
          templateUrl: 'app/test/test.html',
          restrict: 'EA',
          link: function (scope, element, attrs) {
          }
        };
      });

我在main.js

这里注入

'use strict';

angular.module('angularApp')
  .controller('MainCtrl', function ($scope, $http, socket, characterService, test) {
    $scope.path = new Array();
    $scope.heroes = new Array();

    characterService.all().success(function(data) {
      $scope.heroes = data;
    });

  });

只要我在注入的东西列表中没有测试，一切都很好，但如果它在那里，我就会收到错误。

angular.js:11607错误：[$injector:unpr] 未知提供者：testProvider <- test <- MainCtrl

还有什么地方需要补充吗？我试过像这样将它添加到依赖列表中：

angular.module('angularApp')
      .controller('MainCtrl', ['test', function ($scope, $http, socket, characterService, test)
    ...

但这似乎没有任何区别。

Answer 1

在...控制器中注入指令有什么意义？

这完全没有意义，因为指令旨在构建一个新的 HTML attribute/markup:

<test></test>

例如。

此外，指令可以 define/use 控制器在其实现中。
不要混淆整个 ;)

angular-fullstack directive causes Error: [$injector:unpr]

angular-fullstack directive causes Error: [$injector:unpr]

angularjs

yeoman

angular-fullstack