js 调用 angularJs 的方法

2021-02-07 15:16

阅读:658

标签:home   xxx   code   调用   main   方法   dom操作   com   data-   

方法一:通过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

js 调用 angularJs 的方法

标签:home   xxx   code   调用   main   方法   dom操作   com   data-   

原文地址:https://www.cnblogs.com/pengyonglei/p/13091648.html


评论


亲,登录后才可以留言!