AngularJS:入门

时间:2013-10-16 23:30:06

标签: angularjs

所以我试图模仿这个例子"你好!"在Angular网站上给出:{{3>}在 The Basics 部分下。

我已将以下文件放在my-user-name目录中,该目录包含根据网站说明克隆Angular repo时安装的angular.js目录。

<!doctype html>
<html ng-app>
<head>
    <script src='js/angular-1.0.0rc6.js'></script>
</head>
<body>
    <input type="text" ng-nmodel="name">
    <h2>Hello {{name}}!</h2>
</body>
</html>

我通过grunt webserver运行角度服务器,我从我的主目录路径运行并通过键入http://localhost:8000/angular.html访问上面的html文件但是我得到一个空白页面。我意识到路径js/angular-1.0.0rc6.js在我的主目录的上下文中没有任何意义,因为我的主目录中没有js目录,同样没有angular-1.0.0rc6.js位于任何地方那些环境。我只是从示例中复制了该路径名。根据脚本文件相对于开发角度应用程序的位置,标准协议是什么?

谢谢!

1 个答案:

答案 0 :(得分:2)

有很多可能性,我会以一个稍微不同的方向推动你开始。查看Yeoman(http://yeoman.io)。

Yeoman是一个很好的学习方式,因为在运行它之后(只需在安装Yeoman后在命令行上键入'yo angular'),就可以让你开始使用一个可以实验的小型工作应用程序并且它支持一个很好的整体基础(代码/测试脚手架,工具......)来构建。它甚至像你一样使用grunt来启动你的应用程序(你只需输入{ {1}}并且您的应用应该出现在浏览器中(实时重新加载 - 这可以节省时间)。

Yeoman应该让你不必弄清楚你现在所处的事情 - 我的文件是否在正确的位置?我的服务器指向正确的位置?等等......都由自耕农照顾。

这是一个教程,展示如何安装Yeoman并安装Angular:http://www.sitepoint.com/kickstart-your-angularjs-development-with-yeoman-grunt-and-bower/

你会看到它只是少数几个命令。

如果你想更多地潜水,这里是Angular团队发表的关于将Yeoman与Angular一起使用的演讲:http://www.youtube.com/watch?v=XOmwZopzcTA