js 调用 angularJs 的方法

阿斌Elements 2020-06-11

方法一:通过controller来获取

var appElement = document.querySelector(‘[ng-controller=mainController]‘);// 获取$scope变量:
var $scope = angular.element(appElement).scope(); // 如果先调用 Controller 里面的方法的话$scope.func1(‘xxx‘);// 改变了值之后还需要调用一下下面的方法, 才可以刷新最新改变的内容$scope.$apply()

方法二:通过DOM操作获取

//通过DOM操作获取app对象
var element = angular.element($document.getElementById("app")); // app 是ng-app所在的DOM元素的id的值
//得到app对象,可以获取app的controller
var controller = element.controller();
//得到app对象,可以获取app的$scope
var scope = element.scope();
//调用$scope中的方法
scope.sub1();
//调用方法后,可以重新绑定,在页面同步(可选)
scope.$apply();
//调用字段
scope.field1;

转载: https://www.orchome.com/1319

相关推荐