码迷,mamicode.com
首页 > Web开发 > 详细

js 调用 angularJs 的方法

时间:2020-06-11 10:38:48      阅读:93      评论:0      收藏:0      [点我收藏+]

标签: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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!