13518219792
在一个web项目中，不能保证只使用一种JavaScript框架，一种常见的情况是同时使用了jQuery和AngularJS框架进行开发；另一种常见的情况是，现需要对之前完全以jQuery为框架开发的项目扩展功能，为了方便需要使用AngularJS。这两种情况都存在一个不同框架间互相通信的问题。使用以下三种AngularJS方法，如表-1所示，可以较好的解决这一问题：
创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都网站制作、成都网站建设、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的渝水网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！
表-1 AngularJS方法
有两点需要特别说明一下：
这里的handler是一个接收两个参数的函数，两个参数分别为被监听数据改变前的值和被监听数据改变后的值，形式如下：
var handler = function(newVal, oldVal) {
//some action
};这里的expression有两种情况，一种情况是字符串，此时被监听的数据为$scope[expression]；另一种情况是一个带有返回值的函数，此时被监听的数据为函数的返回值。一般来说，如果要监听AngularJS自定义service上用于在不同controller间共享的数据时（关于在不同controller间共享数据这部分内容，请参考这里），必须使用上述提到的第二种情况，即expression为一个带有返回值的函数，如：
$scope.$watchCollection(function() {
return DatashareService.detailInfo;
}, function(newObj, oldObj) {
//some action
});下面提供一个多JavaScript框架协同使用的例子，在该例中，同时使用了jQuery UI和AngularJS。通过AngularJS控制jQuery UI的button是否可以被点击，通过点击jQuery UI的button，在AngularJS中动态显示button点击量，页面效果如图1 ~ 图3所示：
图-1 按钮处于可点击状态
图-2 按钮处于不可点状态
图-3 点击按钮后，点击量增加
下面分别贴出HTML和JavaScript代码，重要部分以注释形式进行解释：
index.html文件：