angularjs 从外部改变controller内的数据
来源:互联网 发布:迅雷影音 mac 编辑:程序博客网 时间:2024/05/29 02:52
var appElement = document.querySelector('[ng-controller=seatsCtrl]');var $scope = angular.element(appElement).scope();$scope.$apply(function () { $scope.data = [ { id: 1, cnt: 4 }, { id: 3, cnt: 5 }, { id: 2, cnt: 6 } ];});
取到scope,然后调用$apply
或者在controller里写一个function
$scope.update = function (data) { $scope.data = data; $scope.$apply();}
外部调用这个function
var ele = document.querySelector("[ng-controller=seatsCtrl]");angular.element(ele).scope().update([ { id: 1, cnt: 7 }, { id: 3, cnt: 8 }, { id: 2, cnt: 9 }]);
注意function内部,需要调用$apply()
如果不调用apply,虽然scope的数据变化了,但并不会更新到页面上去显示
从非angularjs的js代码中去改变angularjs的controller的数据,或许,这并不是标准的angularjs的用法,但可能会遇到需要这样做的时候。
0 0
- angularjs 从外部改变controller内的数据
- angularjs的controller间数据传递
- Angularjs 数据的双向绑定和controller通信
- c++函数内改变外部变量的值
- angularjs指令link函数参数scope,指令controller依赖注入的$scope,与指令外部controller的$scope的关系
- angularjs controller之间的通信
- AngularJs controller出错的问题
- angularjs Controller之间的通信
- AngularJS Controller的作用域
- angularjs Controller之间的通信
- AngularJs 父子级Controller传递数据
- angularjs学习2---数据绑定与controller
- AngularJS:改变hash和route不完全重装controller
- AngularJS内的服务
- angularjs Controller
- angularJs中修改controller后的数据没有重新渲染页面
- angularjs 的controller的三种写法
- angularJS 的controller(控制器)的应用
- Android中关于pull解析xml
- Linux搭建FFMPEG环境实现MP4格式转m3u8格式
- 如何在Linux平台命令行环境下安装Java1.7
- 详解jsPlumb这个javascript的可拖动连线库
- VS2013 C++ Unicode环境下 BYTE 数组转CString的方法
- angularjs 从外部改变controller内的数据
- 线路/信道编码技术(1)——8B/10B编码
- Apache不显示服务器头信息
- 微信JS SDK Demo
- yii2项目前台页面开发中,用到的算法2 (例题解析)
- VS2013搭建caffe深度学习环境
- 【思维+枚举】wust1266 gcd和lcm
- 斯坦福机器学习课程 Exercise 习题四
- MySQL安装