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