Este artículo describe el uso de JS para llamar a los métodos o variables de la función en el controlador angular externamente. Compártelo para su referencia, como sigue:
<! Doctype html> <html ng-app = "myapp" id = "myApp"> <head> <meta name = "viewport" content = "width = dispositivo-width"/> <title> test </title> <script src = "~/content/js/plugins/angularjs/angular.min.js"> </script> </head> <boder> ng-Controller = "MyController"> {{msg}} <a href = "javascript :;" id = "lbtntest"> llamar </a> </body> </html> <script> var ngapp = angular.module ('myApp', []); ngapp.controller ('myController', function ($ scope, $ http) {$ scope.msg = 'hello, angular!'; $ scope.getData = function () {return 'Querbern';}}); onload = function () {document.getElementById ('lbtntest'). onClick = function () {// Get Angular Application a través del controlador var appElement = document.querySelector ('[ng-concontroller = myController]'); // Obtener $ alcance variable var $ scope = angular.element (apelement) .scope (); // llamar a la variable MSG y cambiar el valor de MSG $ scope.msg = '123456'; // La línea anterior cambió el valor de MSG. Si desea sincronizarse con el controlador Angular, debe llamar al método $ Aplicat (), $ SCOPE. $ Aplicar (); // llamando al método getData () en el controlador console.log ($ scope.getData ()); }} </script>El efecto se muestra en la figura a continuación antes de hacer clic en el botón "llamar":
Después de hacer clic en el botón "Llamar", el efecto se muestra en la siguiente figura:
Espero que este artículo sea útil para la programación AngularJS de todos.