JQuery 在 Angular 中无法识别

Question

我正在尝试在 Angular 中使用 JQuery，但似乎无法正常工作。这是我的 index.html 文件的样子：

<!DOCTYPE html>
<html ng-app="myApp">
<head>

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0-rc.0/angular.min.js"></script>
    <script src="/node_modules/angular-route/angular-route.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular-messages.js"></script>

    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
    <link rel="stylesheet" href="css/style.css">

    <script src="node_modules/sweetalert/dist/sweetalert.min.js"></script> 
    <link rel="stylesheet" type="text/css" href="node_modules/sweetalert/dist/sweetalert.css">

    <script src="app.js"></script>
    <script src="controllers/controller1.js"></script>

</head>
<body>
    <div ng-view></div>
</body>
</html>

所以在我加载所有这些脚本之后，我想我可以开始在 app.js 或我制作的任何其他 .js 文件中使用 $，但是它不会认出来的警告说“$ 未定义；请修复或添加全局 $”。如何在 .js 文件中使用 JQuery？

Answer 1

一个建议是将加载 jQuery 的 <script> 和 <link> 标记移动到顶部。脚本标签是从上到下执行的，因此任何依赖于另一个脚本的脚本都必须在它之后加载。

此外，还有另一个 SO 问题处理类似的问题 here

JQuery 在 Angular 中无法识别

JQuery not recognized in Angular

html

jquery

load

angularjs