使用指令和匿名 AngularJS 控制器进行缩小

Question

我在我的应用程序中使用“ng-strict-di”指令来防止缩小失败。但现在我的指令出错了。

错误：[$injector:strictdi] function($scope, element, attrs) 没有使用显式注解，无法在严格模式下调用

如何将 $scope 显式添加为匿名控制器函数的依赖项？这是我的指令。

var myApp = angular.module("myApp",[]);
myApp.directive('myDirective', function(){
  return{
    restrict: 'A',
    template: '<h4> {{myController.msg}} </h4>',
    controller: function($scope, element, attrs){
      $scope.myController = this;
      this.msg = "Hello world";
    };
});

我试过了：

var myApp = angular.module('myApp ', ['$scope'])

但我收到此错误： 错误：[$injector:modulerr] 无法实例化模块

Answer 1

您需要指令控制器的缩小安全语法：

controller: ["$scope", "element", "attrs", function($scope, element, attrs){
  $scope.myController = this;
  this.msg = "Hello world";
}];

基于这些参数，我猜你想要一个 link 函数（只是猜测）：

link: function($scope, element, attrs){
  $scope.myController = this;
  this.msg = "Hello world";
};