AngularJS Trigger-Anweisung vom Controller-Aufruf

Question

Ich möchte eine benutzerdefinierte AngularJS-Direktive auslösen, die jQuery-Anweisungen enthält. Wie kann es gemacht werden? Ich habe über Emissionsfunktion in der Richtlinie gelesen?

Ideen?

Answer 1

Sie können einen Dienst verwenden, um zwischen dem Controller und der Anweisung zu kommunizieren.

Dienst könnte wie folgt aussehen:

app.service("directiveService", function() { 
    var listeners = []; 
    return { 
     subscribe: function(callback) { 
      listeners.push(callback); 
     }, 
     publish: function(msg) { 
      angular.forEach(listeners, function(value, key) { 
       value(msg); 
      }); 
     } 
    }; 
}); 

und die Richtlinie auf den Dienst reagieren könnte:

app.directive("jQueryDirective", function(directiveService) { 
    directiveService.subscribe(function(msg) { 
     // pretend this is jQuery 
     document.getElementById("example") 
     .innerHTML = msg; 
    }); 
    return { 
     restrict: 'E'   
    }; 
}); 

einfach ersetzen, was ich für jQuery Manipulation haben und Sie sollten, was Sie brauchen.

Hier ist eine Arbeits Geige: http://jsfiddle.net/jeremylikness/wqXYx/