この記事では、角度コントローラーの関数メソッドまたは変数を外部から呼び出すためのJSの使用について説明します。次のように、参照のために共有してください。
<!doctype html> <html ng-app = "myapp" id = "myapp"> <head> <head> <head> <head name = "viewport" content = "width =" width = "width" width> <scrip = "〜/content/js/blagins/angularjs/angular ng-controller = "mycontroller"> {{msg}} <a href = "javascript :;" id = "lbtntest"> call </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(){//コントローラーvar appelement = document.queryselector( '[ng-controller = mycontroller]'); // $スコープ変数を取得しますvar $ scope = angular.element(appelement).scope(); // msg変数を呼び出し、msg $ scope.msg = '123456'の値を変更します。 //前の行はMSGの値を変更しました。 Angularコントローラーに同期する場合は、$ apply()メソッド、$scope。$ apply()を呼び出す必要があります。 //コントローラーconsole.log($ scope.getData())でgetData()メソッドを呼び出す; }} </script>「呼び出し」ボタンをクリックする前に、効果を下の図に示します。
[呼び出し]ボタンをクリックした後、効果を次の図に示します。
この記事がすべての人のAngularJSプログラミングに役立つことを願っています。