javascript - jquery与angularjs冲突

Question

我的c#项目中有 jquery 和 angularjs。我看到我必须在 jquery 之前调用 angularjs 以避免它们之间的冲突。

我的MasterPage.master

<script src="Scripts/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js" integrity="sha512-JkCv2gG5E746DSy2JQlYUJUcw9mT0vyre2KxE2ZuDjNfqG90Bi7GhcHUjLQ2VIAF1QVsY5JMwA1+bjjU5Omabw==" crossorigin="anonymous"></script>
<script src="Scripts/angular-resource.min.js"></script>
<script src="Scripts/angular-material.js"></script>
<script src="Scripts/angular-animate.js"></script>
<script src="Scripts/angular-aria.js"></script>
<script src="Scripts/angular-messages.js"></script>
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="Scripts/bootstrap.js"></script>
<script src="Scripts/metisMenu.js"></script>

<script src="Scripts/DataTables/jquery.dataTables.min.js"></script>
<script src="Scripts/DataTables/dataTables.bootstrap.min.js"></script>

<script src="Scripts/sb-admin-2.js"></script>
<script src="Content/x-editable/js/bootstrap-editable.min.js"></script>

<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" />

<link href="Content/sb-admin-2.css" rel="stylesheet" />
<link href="css/font-awesome.min.css" rel="stylesheet" />
<link href="Content/bootstrap.css" rel="stylesheet" />

<link href="Content/chosen.min.css" rel="stylesheet" />
<link href="/styles/StyleSheet.css" rel="stylesheet" type="text/css" />
<link href="/Content/metisMenu.css" rel="stylesheet" />
<link href="Content/dataTables.bootstrap.css" rel="stylesheet" />
<link href="/styles/datepicker.css" rel="stylesheet" />
<link href="Content/x-editable/css/bootstrap-editable.css" rel="stylesheet" />
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.11.2/css/all.css" integrity="sha384-zrnmn8R8KkWl12rAZFt4yKjxplaDaT7/EUkKm7AovijfrQItFWR7O/JJn4DAa/gx" crossorigin="anonymous" />
<link href="Content/chosen.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="css/waza.css" />
<script src="Scripts/chosen.jquery.js"></script>
<script src="Scripts/bootstrap3-typeahead.js"></script>
<script src="Scripts/typeahead-ci.min.js"></script>
<script src="Scripts/moment.min.js"></script>
<script src="Scripts/moment-with-locales.min.js"></script>
<script src="Scripts/validator.js"></script>

我的主页.aspx

<script src="Content/formvalidation/js/formValidation.js"></script>
<script src="Content/formvalidation/js/framework/bootstrap.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-leaflet-directive/0.10.0/angular-leaflet-directive.min.js" integrity="sha512-dtFpnbvMRGgxjWRrfWjqeiRwDk5iQR/d7FRIv5xs+7fIWzKI/376mEiYTcyfH1os/ed+BgMpIFO+p7rof14Hdg==" crossorigin="anonymous"></script>
<script src="Scripts/app/app.js"></script>  -- angularjs file

我的问题是，即使我在项目中在 jquery 之前调用 angularjs，当我在主页中执行一些操作（例如修改表中的元素）时。之后，我的页面上有此消息。还有其他解决方案可以避免冲突吗？或者我可能做错了什么。

标签： javascriptc#jqueryangularjs