32

我还有另一个关于缩小的问题。这一次是因为 $scope 服务传递给了指令的控制器。见下面的代码：

angular.module('person.directives').
directive("person", ['$dialog', function($dialog) {
return {
    restrict: "E",
    templateUrl: "person/views/person.html",
    replace: true,
    scope: {
        myPerson: '='
    },     
    controller: function ($scope)
    {                   
        $scope.test = 3;                   
    }
}
}]);

如果我注释掉控制器部分，那么它工作正常。

正如你所看到的，我已经为指令使用了数组声明，所以 $dialog 服务即使在缩小之后也是 Angular 已知的。但是我应该如何为控制器上的 $scope 服务做呢？

4

2 回答 2

75

您需要声明一个控制器，如下所示：

controller: ['$scope', function ($scope)
    {                   
        $scope.test = 3;                   
    }]

完整的例子在这里：

angular.module('person.directives').
directive("person", ['$dialog', function($dialog) {
return {
    restrict: "E",
    templateUrl: "person/views/person.html",
    replace: true,
    scope: {
        myPerson: '='
    },     
    controller: ['$scope', function ($scope)
    {                   
        $scope.test = 3;                   
    }]
}
}]);

@Sam 提供的解决方案可以解决，但这意味着将指令的控制器暴露给整个应用程序，这是不必要的。

于 2013-04-17T09:02:45.287 回答
1

好的，我最终在一个单独的文件中创建了控制器：

angular.module('person.controllers').controller('personCtrl', ['$scope', function ($scope) {
$scope.test = 3;
}]);

然后在指令中，我按名称分配控制器：

controller: 'personCtrl'

不确定这是最好的方法。不过看起来很干净。你怎么看 ？

于 2013-04-17T08:47:17.067 回答