Javascript MeanJS-在index.html文件中集成Angular

Javascript MeanJS-在index.html文件中集成Angular,javascript,node.js,angularjs,mean-stack,meanjs,Javascript,Node.js,Angularjs,Mean Stack,Meanjs,我来自一个LAMP背景,作为一个学习项目,我下载了它,这样我就可以深入了解平均值。我把整个事情都搞定了,但我觉得我错过了什么 我遵循了所有的步骤,运行Mongo,运行我的服务器,等等。我的index.html文件加载到localhost:3000上,生活很好 所以在我的脑海里,我会记下清单 MongoDB-检查(在执行mongod.exe后运行) 节点-检查(服务器在执行grunt后正在运行) 快速检查(绑定到节点作为服务器) 角度- 我看到installing MEAN.JS为Angular安

我来自一个LAMP背景,作为一个学习项目,我下载了它,这样我就可以深入了解平均值。我把整个事情都搞定了,但我觉得我错过了什么

我遵循了所有的步骤,运行Mongo,运行我的服务器,等等。我的index.html文件加载到localhost:3000上,生活很好

所以在我的脑海里,我会记下清单

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

节点-检查(服务器在执行grunt后正在运行)

快速检查(绑定到节点作为服务器)

角度-

我看到installing MEAN.JS为Angular安装了几个文件夹,但我认为我的index.html文件并没有神奇地为Angular“工作”。事实上,为了获得角度的工作,我必须在我的大脑元素中以传统的方式进行:

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

那么.JS在这里实际做了什么?如果不是这样的话,我应该如何积分角度?我非常感谢你在这方面的帮助


谢谢

Angular最佳实践是不在头中加载脚本,而是在标记之前的documenet末尾加载脚本。滚动到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>

如果lib文件夹为空,则
Bower
-前端软件包管理器出现问题。它安装了所有Angle库。

我的问题在这里得到了回答:

简而言之,我打开/public/lib/bootstrap/并找到了我的bower.json文件。我在上面链接中指出的行中添加了,即:

  {
  "name": "mean",
  "version": "0.3.0",
  "dependencies": {
    "angular": "latest",
    "angular-resource": "latest",
    "angular-cookies": "latest",
    "angular-mocks": "latest",
    "angular-route": "latest",
    "bootstrap": "latest",
    "angular-bootstrap": "0.10.0",
    "angular-ui-router": "#master"
  }

然后运行bower update并加载我的页面。

在CLI中输入“bower安装”。这将安装angular库并将其放置在指定目录中

Express的模板引擎应该自动包含
angular.js
。@runTarm可能是这样,但这在我的index.html文件中是如何显示的?我如何“拉”角度,以便我可以使用它的功能?有一点我不明白。你是说angular.js在新安装的meanjs的默认页面中真的缺失了吗?默认情况下应该包括它,如果没有,则可能有错误。@aikorei jast在
npm install
之后在终端
bower install
中手动运行。这就是工作,我已经测试过了。这些都在我的文件夹中。原来我的问题已经被这篇文章回答了:
  {
  "name": "mean",
  "version": "0.3.0",
  "dependencies": {
    "angular": "latest",
    "angular-resource": "latest",
    "angular-cookies": "latest",
    "angular-mocks": "latest",
    "angular-route": "latest",
    "bootstrap": "latest",
    "angular-bootstrap": "0.10.0",
    "angular-ui-router": "#master"
  }