Я пытаюсь создать пользовательскую директиву, чтобы либо отображать элементы на странице, либо полностью удалять их на основе данных авторизации, и я явно что-то упускаю, потому что это не работает, и мне трудно понять, почему.
Я следовал руководству здесь: http://adamalbrecht.com/2014/09/22/authorization-with-angular-and-ui-router/
В котором сказано взять копию исходного кода NgIf и изменить его (как показано ниже).
Я действительно сбит с толку, потому что он не только не работает должным образом, но даже когда я ставлю точки останова в вызовах функций в директиве, он никогда не достигает этих точек останова.
Я не уверен, что я делаю неправильно. Есть ли что-то еще, не задокументированное в шагах, которые мне нужно сделать, чтобы использовать пользовательскую директиву, или я каким-то образом пропустил шаг? Обычные ng-if работают на той же странице просто отлично.
РЕДАКТИРОВАТЬ: я должен отметить, что AuthorizeService.isAuthorizedForOne возвращает значение обещания, которое либо истинно, либо ложно. Это прекрасно работает в других контекстах.
'use strict';
/**
* @ngdoc directive
* @name ngIfPermission
* @restrict A
*
* @description
**/
var ngIfPermissionDirective = ['$animate', function($animate, AuthorizeService) {
return {
multiElement: true,
transclude: 'element',
priority: 600,
terminal: true,
restrict: 'A',
$$tlb: true,
link: function($scope, $element, $attr, ctrl, $transclude) {
console.log("I am here");
var block, childScope, previousElements;
$attr.$observe("ngIfPermission", function(value){
console.log("I am there");
var permissions = JSON.parse(value.replace(/'/g, '"'));
AuthorizeService.isAuthorizedForOne(permissions).then(function(auth){
if (!childScope) {
$transclude(function(clone, newScope) {
childScope = newScope;
clone[clone.length++] = document.createComment(' end ngIfPermission: ' + $attr.ngIfPermission + ' ');
// Note: We only need the first/last node of the cloned nodes.
// However, we need to keep the reference to the jqlite wrapper as it might be changed later
// by a directive with templateUrl when its template arrives.
block = {
clone: clone
};
$animate.enter(clone, $element.parent(), $element);
});
}
},
function(err) {
if (previousElements) {
previousElements.remove();
previousElements = null;
}
if (childScope) {
childScope.$destroy();
childScope = null;
}
if (block) {
previousElements = getBlockNodes(block.clone);
$animate.leave(previousElements).then(function() {
previousElements = null;
});
block = null;
}
});
});
}
};
}];
Как я на это ссылаюсь:
<div ng-if-permission="['OOGY']">You can see this.</div>
<div ng-if-permission='["BOOGY"]'>or this</div>
JSON.parse(value.replace("'", '"'));
, использовать регулярное выражениеJSON.parse(value.replace(/'/g, '"'));
- person YOU   schedule 17.10.2015