Können AngularJS-Dienste und -Controller mit externem Code interagieren?

AngularJS aus Legacy-Code aufrufen

Sie möchten AngularJS in eine Legacy-Flex-Anwendung integrieren, indem Sie Rückrufe von der Flex-App an das DOM-Fenster anhängen . Um dies zu erreichen, können Sie Dienste erstellen, die AngularJS-Controller abhören können. Aber können Sie einen Dienst von außerhalb von AngularJS aktualisieren und kann ein Controller Ereignisse von einem Dienst empfangen?

Lösung:

Der Zugriff auf AngularJS über externen Code ist vergleichbar mit dem Debuggen es oder die Integration in Bibliotheken von Drittanbietern. So interagieren Sie mit DOM-Elementen:

• angular.element(domElement).scope(): Ruft den aktuellen Bereich für das Element ab.
• angular.element(domElement).injector(): Erhält den aktuellen App-Injektor.
• angular.element(domElement).controller(): Erhält die ng-Controller-Instanz .

Mit dem Injektor können Sie auf jeden Dienst in der Angular-Anwendung zugreifen. Ebenso können Sie vom Bereich aus alle veröffentlichten Methoden aufrufen.

Denken Sie daran, alle Modellanpassungen oder Bereichsmethodenaufrufe in $apply() einzuschließen:

$scope.$apply(function(){
  // Perform model changes or method invocations on the Angular app here.
});

Das obige ist der detaillierte Inhalt vonKönnen AngularJS-Dienste und -Controller mit externem Code interagieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!