Maison  >  Article  >  interface Web  >  Les services et contrôleurs AngularJS peuvent-ils interagir avec du code externe ?

Les services et contrôleurs AngularJS peuvent-ils interagir avec du code externe ?

Linda Hamilton
Linda Hamiltonoriginal
2024-10-19 11:42:30897parcourir

Can AngularJS Services and Controllers Interact with External Code?

Appel d'AngularJS à partir du code hérité

Vous souhaitez intégrer AngularJS à une application Flex héritée en attachant des rappels de l'application Flex à la fenêtre DOM . Pour y parvenir, vous pouvez créer des services que les contrôleurs AngularJS peuvent écouter. Mais pouvez-vous mettre à jour un service en dehors d'AngularJS et un contrôleur peut-il recevoir des événements d'un service ?

Solution :

L'accès à AngularJS à partir d'un code externe est comparable au débogage ou en l'intégrant à des bibliothèques tierces. Voici comment interagir avec les éléments DOM :

  • angular.element(domElement).scope() : récupère la portée actuelle de l'élément.
  • angular.element(domElement).injector() : acquiert l'injecteur d'application actuel.
  • angular.element(domElement).controller() : obtient l'instance ng-controller .

À l'aide de l'injecteur, vous pouvez accéder à n'importe quel service de l'application Angular. De même, à partir de la portée, vous pouvez appeler n'importe quelle méthode publiée.

N'oubliez pas d'envelopper tous les ajustements de modèle ou les appels de méthode de portée dans $apply() :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:Plonger dans ReactjsArticle suivant:Plonger dans Reactjs