Jquery是一个非常强大的js框架，angularjs是一个非常好的前端mvc框架。虽然在项目中使用任何一个框架都足够了，但有时这两个框架需要混合使用，尽管不建议这样做。但是有时候混合使用非常方便，所以不用想那么多，只要能实现功能，何乐而不为呢？

在最近的一个产品中，前端使用了angularjs，但是在表框架中使用了jquery.datatables.js。当然，jquery和angularjs之间的交互是不可避免的。因为公司是保密的，我不需要演示真实的项目。写一个小演示。当然，真正的项目要复杂得多。

！DOCTYPE html html ng-app=' ngDemo ' head title/title script src=' http :http://libs . Baidu.com/jquery/1 . 10 . 2/jquery . min . js '/script script src=' http://www . w3cschool . cc/try/angular js/1 . 2 . 5/angular . min . js '/script script type=' text/JavaScript ' $(function(){ $(' # BTN ')。on('click '，function(e) { $('#dv2 ')。文本(数字($('#dv2 ')。text())1)；//jqueryabular实现$ ('# dv3 ')。文本(数字($ ('# dv3 ')。text())1)；//纯jquery实现})；});var app=angular.module('ngDemo '，[])；app.controller('ngCtrl '，['$scope '，function($ scope){ $ scope . test1=0；$ scope . test 2=0；}]);/script/head body ng-controller=' ngCtrl ' test 1: div id=' dv1 ' { test1 } }/div！-纯角度实现-test 2: div id=' dv2 ' ng-bind=' test2 ' ng-model=' test2 '/div test : div id=' dv3 ' 0/div button id=' BTN ' ng-click=' test1=test 11 ' click me 1

影响

点了两次，三个值都加到了2，好像没问题。

真的可以吗？看

视图为2，模型为0，未实现同步。我该怎么办？

然后问题又来了。jquery和angularjs哪个更强？

更改代码

$('#btn ')。on('click '，function(e){ var scope=angular . element(' dv2 ')。scope()；//jquery angular实现scope . test 2=scope . test 2 1；//直接修改test2的值console . log(scope . test 2)；$('#dv3 ')。文本(数字($('#dv3 ')。text())1)；//纯jquery实现})；再看看

我点了两次，中间的变成了1，另外两个是2。

我点了三次，中间的变成了2，但是scope.test2的值是多少，为什么总是显示慢拍？

再换一次

$('#btn ')。on('click '，function(e){ var scope=angular . element(' dv2 ')。scope()；//jquery angular实现scope . test 2=scope . test 2 1；//直接修改取值范围。$ apply()of test 2；//绑定到view console . log(scope . test 2)；$('#dv3 ')。文本(数字($('#dv3 ')。text())1)；//纯jquery实现})；再看看

现在三者都同步了。中医好，西医快，中医结合！Jquery简单，angularjs方便，两者结合.你完蛋了。

注意：作用域对象必须调用$apply()，否则视图将与模型不同步。

以上就是本文的全部内容，希望大家喜欢。