Direttiva angolare ng-if

Question

Desidero avere una direttiva che controlli il componente tag name e in base a qualche condizione mostri/nasconda il componente. Voglio mostrare che si nasconde per comportarsi come ng-if (non inizializzando il controller del componente). Esempio:

<my-component custom-if></my-component> 

All'interno della direttiva custom-if:

return { 
    compile: function($element) { 
    if($element[0].tagName === 'some condition'){ 
     //Element is my-component 
     $element.remove(); 
    } 
    } 
}; 

Il problema che ho è che, anche se tolgo elemento si chiama ancora controllore della mia componente. Lo stesso accade se rimuovo l'elemento all'interno della funzione compile o preLink della direttiva. Ho anche cercato di ereditare ng-if ma non riesco a ottenere il nome del tag del componente all'interno custom-if direttiva, poiché l'elemento è un comment (probabilmente lo è ng-if comportamento specifico per avvolgere elemento all'interno commento)

UPDATE: Modificato postLink funzione a compile per assicurarsi che non funzioni altrettanto bene. Essa mostra/nasconde l'elemento ma crea un'istanza sempre regolatore anche se viene rimosso ed è quello che voglio evitare

Answer 1

penso che si dovrebbe essere in grado di farlo facendo customIf alta direttiva priorità. Quindi, nella funzione di compilazione, è possibile verificare se il componente/la direttiva dell'host è autorizzato a continuare o meno. In caso contrario, customIf rimuove completamente l'elemento. Se il controllo passa, allora customIf ha bisogno di rimuovere se stesso disattivando il proprio attributo e quindi ricompilare nuovamente l'elemento.

Qualcosa di simile a questo:

.directive('customIf', function($compile) { 
    return { 
    priority: 1000000, 
    terminal: true, 
    compile: function(element, attrs) { 

     if (element[0].tagName === 'MY-COMPONENT') { 
     element.remove(); 
     } 
     else { 
     // remove customIf directive and recompile 
     attrs.$set('customIf', null); 
     return function(scope, element) { 
      $compile(element)(scope); 
     } 
     } 
    } 
    }; 
}); 

Demo:http://plnkr.co/edit/Y64i7K4vKCF1z3md6LES?p=preview