บทความนี้อธิบายการใช้ JS เพื่อเรียกใช้วิธีการฟังก์ชั่นหรือตัวแปรในตัวควบคุมเชิงมุมภายนอก แบ่งปันสำหรับการอ้างอิงของคุณดังนี้:
<! doctype html> <html ng-app = "myapp" id = "myapp"> <head> <meta name = "viewport" content = "width = device-width"/>> <title> ทดสอบ </title> ng-controller = "myController"> {{msg}} <a href = "JavaScript:;" id = "lbtntest"> โทร </a> </body> </html> <script> var ngapp = angular.module ('myapp', []); ngapp.controller ('myController', ฟังก์ชั่น ($ scope, $ http) {$ scope.msg = 'สวัสดี, Angular!'; $ scope.getData = function () {return 'Qubernet';}}); onload = function () {document.getElementById ('lbtntest'). onclick = function () {// รับแอปพลิเคชันเชิงมุมผ่านคอนโทรลเลอร์ var var Appelement = document.QuerySelector ('[ng-controller = myController]'); // รับ $ scope ตัวแปร var $ scope = angular.element (applement) .scope (); // เรียกตัวแปรผงชูรสและเปลี่ยนค่าของผงชูรส $ scope.msg = '123456'; // บรรทัดก่อนหน้าเปลี่ยนค่าของผงชูรส หากคุณต้องการซิงโครไนซ์กับคอนโทรลเลอร์เชิงมุมคุณจะต้องโทรหาวิธี $ apple (), $ scope. $ appli (); // เรียกเมธอด getData () ในคอนโทรลเลอร์คอนโซลล็อก ($ scope.getData ()); }} </script>เอฟเฟกต์จะแสดงในรูปด้านล่างก่อนคลิกปุ่ม "โทร":
หลังจากคลิกปุ่ม "โทร" เอฟเฟกต์จะแสดงในรูปต่อไปนี้:
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม AngularJS ของทุกคน