javascript - MeanJS - 将 Angular 集成到 index.html 文件中

Question

我有 LAMP 背景，作为一个学习项目，我下载了 MEAN.JS这样我就可以深入研究 MEAN 堆栈。我已经运行了整个过程，但我觉得我错过了一些东西......

我按照http://meanjs.org/generator.html中的所有步骤进行操作，让 Mongo 运行，让我的服务器运行，等等。我的 index.html 文件在 localhost:3000 上加载，一切都很好。

所以在我看来，我正在查看 list ......

MongoDB - 检查(执行 mongod.exe 后运行)。

Node - 检查(服务器在执行 grunt 后正在运行)。

Express - 检查(绑定(bind)到 Node 作为服务器)。

Angular - ....??

我看到安装 MEAN.JS 为 Angular 安装了几个文件夹，但我不认为我的 index.html 文件对 Angular 神奇地“工作”。事实上，为了让 Angular 工作，我必须在我的 head 元素中采用老式的方法:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>

那么 MEAN.JS 在这里实际上做了什么？如果不是这样，我应该如何集成 Angular？如果您对此有任何帮助，我将不胜感激。

谢谢!

Answer 1

Angular 的最佳实践是不在 HEAD 中加载脚本，而是在文档末尾的标签之前加载脚本。滚动到 html 文件的末尾，也许就在这里。

    !-- Application JavaScript Files -->
    <script src="lib/angular/angular.js" type="text/javascript"></script>
    <script src="lib/angular-resource/angular-resource.js" type="text/javascript"></script>
    <script src="lib/angular-animate/angular-animate.js" type="text/javascript"></script>
    <script src="lib/angular-ui-router/release/angular-ui-router.js" type="text/javascript"></script>
    <script src="lib/angular-ui-utils/ui-utils.js" type="text/javascript"></script>
    <script src="lib/angular-bootstrap/ui-bootstrap-tpls.js" type="text/javascript"></script>
    <script src="config.js" type="text/javascript"></script>
    <script src="application.js" type="text/javascript"></script>
    .................//..............................
    <script src="modules/users/controllers/settings.client.controller.js" type="text/javascript"></script>
    <script src="modules/users/services/authentication.client.service.js" type="text/javascript"></script>
    <script src="modules/users/services/users.client.service.js" type="text/javascript"></script>
    <!-- Livereload script rendered -->
    <script src="http://localhost:35729/livereload.js" type="text/javascript"></script>
</body>

如果<script src="lib/angular/angular.js"...不在这里检查 meanJsFolder/public/lib 这些库是否存在

\angular
\angular-animate
\angular-bootstrap
.......
\bootstrap
\jquery

如果 lib 文件夹为空 - Bower 会发生一些情况- 前端的包管理器。它安装所有 Angular 库。