Può una direttiva angularjs richiedere se stessa?

Question

Può una direttiva richiedere se stessa? Ecco un example:

app.directive('menu', function() { 
    return { 
    restrict: 'E', 
    require: '?^menu', 
    link: function(scope, element, attrs, ctrl) { 
     console.log('ctrl: ', ctrl); 

     if (ctrl) { 
     element.addClass('nested'); 
     } else { 
     element.addClass('notnested'); 
     } 
    } 
    }; 
}); 

Nella mia prova non sembra funzionare (ctrl è sempre indefinita). Vedere le plunk

---

BTW, dopo questa domanda è stato risposto ho scoperto che in questo caso il cursore (^) non ha alcun effetto e il controller passato alla funzione di collegamento è sempre proprio controllore dell'istanza. [plunk]

Answer 1

È necessario definire direttamente la funzione di regolatore per esporre direttiva API per altre direttive:

app.directive('menu', function() { 
    return { 
    restrict: 'E', 
    require: '?^menu', 
    controller: function($scope){ }, 
    link: function(scope, element, attrs, ctrl) { 
     console.log('ctrl: ', ctrl); 

     if (ctrl) { 
     element.addClass('nested'); 
     } else { 
     element.addClass('notnested'); 
     } 
    } 
    }; 
}); 

Vedi http://plnkr.co/edit/cKFuS1lET56VOOYD5rrd?p=preview

Answer 2

immagino qui il problema non è con la direttiva stessa fa riferimento. La direttiva non saprà a quale controller fare riferimento fino a quando non verrà specificato o definito. Per accedere a un controller deve essere definito o indicato nella direttiva come di seguito.

app.directive('menu', function() { 
    return { 
    restrict: 'E', 
    controller: 'MainCtrl', 
    require: ['?^menu'], 
    link: function(scope, element, attrs, ctrl) { 
     console.log('ctrl: ', ctrl[0]); 
     if (ctrl) { 
     element.addClass('nested'); 
     } else { 
     element.addClass('notnested'); 
     } 
    } 
    }; 
}); 

Answer 3

Con angolare 1.4x, in realtà si può ora limitare la dichiarazione require a elementi padresolo ed escludere l'elemento stesso. Se si cambia require: '?^menu'-require: '?^^menu' (notare il secondo accento circonflesso) in modo da ottenere

app.directive('menu', function() { 
    return { 
    restrict: 'E', 
    require: '?^^menu', 
    controller: function($scope){ }, 
    link: function(scope, element, attrs, ctrl) { 
     console.log('ctrl: ', ctrl); 

     if (ctrl) { 
     element.addClass('nested'); 
     } else { 
     element.addClass('notnested'); 
     } 
    } 
    }; 
}); 

il codice ora funziona come previsto.

Vedi http://plnkr.co/edit/2uDUO0LcgDX7xEuBtsJ2?p=preview