在角度自定义指令中未定义的值

Question

如果用户没有查看权限，我试图制作销毁DOM元素的指令。我这样做如下：

angular 
     .module('digital_equation.auth') 
     .controller('AuthLoginController', AuthLoginController) 
     .directive('ngPermission', ngPermissionDirective); 

function ngPermissionDirective() { 
    return { 
     multiElement: true, 
     scope: { 
      ngPermission: '@' 
     }, 
     restrict: 'A', 
     link: function (scope, element, attributes) { 
      scope.$watch('ngPermission', function (value) { 
       console.log(value); 
       //Access rootScope to get the current user permissions 
       var permissions = scope.$root.globals.currentUser.role.settings.permissions; 
       //Loop through permissions object to check if any permission is the same as the value sent to directive 
       var keepGoing = true; 
       angular.forEach(permissions, function (permission, key) { 
        if (keepGoing == true) 
        { 
         if (key == value) { 
          element.show(); 
          keepGoing = false; 
         } 
         else { 
          element.hide(); 
         } 
        } 
       }); 
      }) 
     } 
    }; 
} 

HTML：

<div class="col-xs-12 col-md-9" ng-permission="manage_appointments"></div> 

在这种情况下，例如，如果从rootScope采取的当前用户没有权限“manage_appointments”中它是这个div应该是权限销毁。正如你所看到的，我只知道如何隐藏它，但这是不够的，我需要它在页面上被破坏，所以检查这个div没有显示出来。 我的第二个问题是console.log(value);返回undefined不管我尝试过什么。 我还需要访问rootScope的建议。如果我在这里通过rootScope作为参数，它可以工作，但我无法通过范围。所以我怎么做到这一点。

link: function(rootScope, element, attributes) 

请记住，即使我宣布我的指令在authController我需要它在我的整个项目中可用。 抱歉的描述，但它是我在AngularJs中的第一个自定义指令，我尝试了很多选项。 谢谢大家的时间和帮助！

编辑：

scope.$watch('ngPermission', function (value) 

这解决了我的价值的问题被不确定的，但是当我尝试使用两种不同元素的指令（一个被隐藏，一个用于显示），它会做什么，最后使用我的指令（在这种情况下显示）。任何想法为什么发生这种情况

解决方案：

function ngPermissionDirective() { 
    return { 
     multiElement: true, 
     priority: 900, 
     scope: { 
      ngPermission: '@' 
     }, 
     restrict: 'A', 
     link: function (scope, element, attributes) { 
      scope.$watch('ngPermission', function (value) { 
       console.log(value); 
       //Access rootScope to get the current user permissions 
       var permissions = scope.$root.globals.currentUser.role.settings.permissions; 
       //Loop through permissions object to check if any permission is the same as the value sent to directive 
       var keepGoing = true; 
       angular.forEach(permissions, function (permission, key) { 
        if (keepGoing == true) 
        { 
         if (key == value) { 
          element.show(); 
          keepGoing = false; 
         } 
         else { 
          element.remove(); 
         } 
        } 
       }); 
      }) 
     } 
    }; 
} 

Answer 1

尝试改变scope.$watch(attributes.ngPermission, ...到scope.$watch('ngPermission', ...。

另一种方法可能是$observe - attributes.$observe('ngPermission', ...