Artikel ini menjelaskan penggunaan JS untuk memanggil metode fungsi atau variabel dalam pengontrol sudut secara eksternal. Bagikan untuk referensi Anda, sebagai berikut:
<!DOCTYPE html><html ng-app="myApp" id="myApp"><head> <meta name="viewport" content="width=device-width" /> <title>Test</title> <script src="~/Content/Js/Plugins/AngularJS/angular.min.js"></script></head><body ng-controller = "mycontroller"> {{msg}} <a href = "javascript :;" id = "lbtntest"> panggilan </a> </body> </html> <script> var ngapp = angular.module ('myapp', []); ngapp.controller ('mycontroller', function ($ scope, $ http) {$ scope.msg = 'hello, angular!'; $ scope.getData = function () {return 'ubernet';}}); onload = function () {document.geteLementById ('lbtntest'). onclick = function () {// Dapatkan aplikasi sudut melalui controller var appeLement = document.queryselector ('[ng-controller = myController]'); // Dapatkan $ scope variabel var $ scope = angular.element (appeLement) .scope (); // Memanggil variabel MSG dan mengubah nilai msg $ scope.msg = '123456'; // Baris sebelumnya mengubah nilai MSG. Jika Anda ingin menyinkronkan ke pengontrol Angular, Anda perlu menghubungi metode $ apply (), $ scope. $ Apply (); // Memanggil metode getData () di controller console.log ($ scope.getData ()); }} </script>Efeknya ditunjukkan pada gambar di bawah ini sebelum mengklik tombol "Panggilan":
Setelah mengklik tombol "Panggilan", efeknya ditunjukkan pada gambar berikut:
Saya harap artikel ini akan membantu pemrograman AngularJS semua orang.