AngularJS - директива разрешения

Question

Я пытаюсь написать директиву что будет оценивать права пользователя.

В случае, если пользователь не разрешается видеть данное содержание

1. не будет отображаться содержимое (сделано, работает отлично)

2. запросы от контроллеров внутри директивы разрешения не будут обжигали.

Пример:

Контроллер:

function MyController ($scope){ 
    // performing imediately server request, witch is allowed only for admin 
    // therefore i will get error when non admin user access this page 
} 

Разрешение директивы:

return { 
     priority: 1000, 
     restrict: 'E', 
     link: (scope, element, attrs) => { 
      var permission = attrs.permission; 

      if (/*evaluating permission*/) { 
       // user has permission, no work for me 
       return; 
      } 

      element.remove(); 
     } 
    }; 

Все вместе:

<permission permission="isAdmin"> 
    <div ng-controller="MyController"> 
    </div> 
</permission> 

Эта версия удаляет элементы из DOM, но запрос в MyController все еще выполняется. Конечно, я могу проверить разрешения в MyController, но я не хочу этого делать.

Благодарим за помощь.

Answer 1

Я попробовал другой подход и поместить удаление элемента в функции компиляции. Согласно журналу, он выполняется до контроллера, поэтому он правильный. Во всяком случае, запрос все еще был уволен. Поэтому я старался, чтобы слепой выстрел удалял дочерние элементы (я знаю, это не имеет смысла, удаление элемента должно быть достаточным и должно также удалять детей).

Но это сработало!

compile: function(element) { var children = element.children(); children.remove(); element.remove(); }

Это работает, но я не уверен, насколько это нормально (например, будущая версия Ang.)

Answer 2

Если бы я был вами, я хотел бы позвонить на сервер и проверить, разрешены ли они для доступа.

Выполнение этого с помощью директивы на самом деле не имеет смысла.

Директивы, как правило, предназначены для манипуляции с dom, и это подтверждение авторизации обычно должно выполняться в контроллере, а затем результат этого триггера события.

Затем ваша директива будет прослушивать это событие и управлять им, если они получают доступ с сервера.

В противном случае любой человек может просто просто ввести все, что захочет, и увидеть панель администратора.

Если вы не уверены, что я имею в виду, дайте мне знать, я могу расширить ответ, если вам нужно.

Answer 3

Ваша проблема заключается в том, что контроллер всегда вызывается до выполнения функции связи. См. this fiddle.

function MyCtrl($scope) { 
    console.log('in controller'); 
} 

myApp.directive('permission', function() { 
    return { 
     restrict: 'E', 
     link: function(scope, element, attrs) { 
      console.log('in link'); 

журнал показывает:

in controller 
in link