Richtlinie auf fertige Funktion sollte nur einmal ausgeführt

Question

Hallo Experten Ich habe eine Direktive 'meine-Tabelle', in der es eine Schaltfläche für Datensatz bearbeiten gibt. Innerhalb Richtlinie Vorlage (HTML-Datei) Ich habe eine Schaltfläche

<a data-activates="editScreen" class="button-collapse">Edit 
</a> 

Innen JS-Datei

angular.element(document).ready(function() { 
$('.button-collapse').sideNav({ 
    menuWidth: 450, 
    edge: 'right', 
    closeOnClick: true 
}); 

}) 

I sideNav auf Dokument-Ready-Funktion

Problem ist diese Richtlinie Aufruf in Schleife initialisiert werden soll und Jedes Mal, wenn diese Direktive diesen Code aufruft, wird dies ein Problem verursachen. (So ​​viele Backdrop-Klassen in Sicht, die Seiten-Nav nicht wie erwartet schließen lassen)

Ich möchte, dass dieser Code nur einmal ausgeführt wird.

Wie kann ich dieses Problem lösen?

Vielen Dank im Voraus

Answer 1

Nur eine echte Richtlinie, so etwas wie folgt verwenden:

angular.module('[moduleName]').directive('buttonCollapse', function(){ 
    return{ 
     restrict:'C', 
     link:function(scope, element, attrs){ 
      $(element).sideNav({ 
       menuWidth: 450, 
       edge: 'right', 
       closeOnClick: true 
      }); 
     } 
    } 
})