AngularJS:指令中的缩小问题

前端之家收集整理的这篇文章主要介绍了AngularJS:指令中的缩小问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我还有另一个关于缩小的问题。这一次是因为$ scope服务传递给指令的控制器。见下面的代码
  1. angular.module('person.directives').
  2. directive("person",['$dialog',function($dialog) {
  3. return {
  4. restrict: "E",templateUrl: "person/views/person.html",replace: true,scope: {
  5. myPerson: '='
  6. },controller: function ($scope)
  7. {
  8. $scope.test = 3;
  9. }
  10. }
  11. }]);

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

正如你所看到的,我已经使用了指令的数组声明,所以即使在缩小后,$对话框服务也是已知的。但是我应该怎么做的控制器上的$ scope服务呢?

您需要声明控制器如下:
  1. controller: ['$scope',function ($scope)
  2. {
  3. $scope.test = 3;
  4. }]

完整示例:

  1. angular.module('person.directives').
  2. directive("person",controller: ['$scope',function ($scope)
  3. {
  4. $scope.test = 3;
  5. }]
  6. }
  7. }]);

@Sam提供的解决方案将工作,但它将意味着将指令的控制器暴露于整个应用程序是不必要的。

猜你在找的Angularjs相关文章