当前位置:首页> 正文

详解在AngularJS的controller外部直接获取$scope

详解在AngularJS的controller外部直接获取$scope

本篇文章主要介绍了详解在AngularJS的controller外部直接获取$scope ,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

以前利用webqq的写过一个自动发消息的脚本,由于那时webqq还直接使用类似jQuery操作DOM的技术,所以脚本很简单就可以实现。

现如今很多web应用都开始使用AngularJS,MVVM导致的就是无法操作dom而去直接改变数据。所以面对网页版微信,要实现一个自动发送的脚本,就无法再用以前那套DOM的思路了。

要修改AngularJS中的数据,首先就要获取scope。其实获取scope的方法很简单。

由于大部分Angular项目需要使用jQuery作为补充。可以在jQuery中通过.scope()方法获取当前选择器内容里继承的域。

即类似这样的方式:

 $('div[ng-controller="listController"]').scope();

例:完整的例子。

   Get angular's scope in jQuery 

那么打开网页版微信的页面(2016-06-05)选中你需要发消息的人。然后执行如下脚本:

 var controllerScope = $('div[ng-controller="chatSenderController"]').scope(); // 获取chatSenderController的$scope controllerScope.editAreaCtn = "星哥,下午好";  // 设置需要发送的消息。即设置$scope某个属性的值。 // 触发“发送按钮”的点击事件。 $(".action a").trigger("click"); 

非常好的“外挂方式”。 

以上就是详解在AngularJS的controller外部直接获取$scope的详细内容,更多请关注易知道|edz.cc其它相关文章!

展开全文阅读

相关内容