Cet article décrit l'utilisation de JS pour appeler des méthodes de fonction ou des variables dans le contrôleur angulaire à l'extérieur. Partagez-le pour votre référence, comme suit:
<! Doctype html> <html ng-app = "myapp" id = "myapp"> <éadf> <meta name = "Viewport" contenu = "width = device-width" /> <tight> test </ title> <script src = "~ / contenu / js / plugins / heads ng-controller = "myController"> {{msg}} <a href = "javascript:;" id = "lbtNest"> appel </a> </body> </html> <cript> var ngapp = angular.module ('myApp', []); ngapp.Controller ('myController', fonction ($ scope, $ http) {$ scope.msg = 'Bonjour, angulaire!'; $ scope.getData = function () {return 'QuberNet';}}); onload = function () {document.getElementById ('lbtNest'). onClick = function () {// Get Angular Application via Controller var Appelement = Document.QuerySelector ('[ng-controller = myController]'); // Get $ scope variable var $ scope = angular.element (appelment) .scope (); // appelle la variable MSG et modifie la valeur de msg $ scope.msg = '123456'; // La ligne précédente a changé la valeur de MSG. Si vous souhaitez vous synchroniser avec le contrôleur angulaire, vous devez appeler la méthode $ applique (), $ scope. $ Applique (); // appelle la méthode getData () dans le contrôleur console.log ($ scope.getData ()); }} </ script>L'effet est illustré dans la figure ci-dessous avant de cliquer sur le bouton "Appeler":
Après avoir cliqué sur le bouton "Appeler", l'effet est illustré dans la figure suivante:
J'espère que cet article sera utile à la programmation AngularJS de tous.