تصف هذه المقالة استخدام JS لاتصال أساليب الوظيفة أو المتغيرات في وحدة التحكم الزاوية خارجيًا. شاركه للرجوع إليه ، على النحو التالي:
<! doctype html> <html ng-app = "myapp" id = "myapp"> <head> <meta name = "viewport" content = "width = width device"/> <title> test </title> <script src = "~/content/js/plugins/angular ng-controller = "myController"> {{msg}} <a href = "javaScript :؛" id = "lbtntest"> استدعاء </a> </body> </html> <script> var ngapp = Angular.Module ('myapp' ، []) ؛ ngapp.controller ('myController' ، function ($ scope ، $ http) {$ scope.msg = 'hello ، Angular!' ؛ $ scope.getData = function () {return 'qubernet' ؛}}) ؛ Onload = function () {document.getElementById ('lbtntest'). onClick = function () {// الحصول على تطبيق Angular من خلال وحدة التحكم var appelement = document.queryselector ('[ng-controller = myController]') ؛ // GET $ SCOPE VARIENT VAR $ SCOPE = Angular.Element (appelement) .scope () ؛ // استدعاء متغير MSG وقم بتغيير قيمة msg $ scope.msg = '123456' ؛ // غير الخط السابق قيمة MSG. إذا كنت ترغب في المزامنة مع وحدة التحكم الزاوية ، فأنت بحاجة إلى استدعاء طريقة $ application () ، نطاق $. $ application () ؛ // استدعاء طريقة getData () في وحدة التحكم console.log ($ scope.getData ()) ؛ }} </script>يظهر التأثير في الشكل أدناه قبل النقر فوق الزر "استدعاء":
بعد النقر فوق الزر "استدعاء" ، يتم عرض التأثير في الشكل التالي:
آمل أن تكون هذه المقالة مفيدة لبرمجة AngularJS للجميع.