1

所以我试图模仿示例“你好!” 在 Angular 网站上给出:http: //angularjs.org/The Basics部分下。

我已将以下文件放在我的用户名目录中,该angular.js目录包含根据站点说明克隆 Angular 存储库时安装的目录。

<!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位于这些环境周围的任何地方。我刚刚从示例中复制了该路径名。就脚本文件相对于您开发 Angular 应用程序的位置而言,标准协议是什么?

谢谢!

4

1 回答 1

2

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

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

Yeoman 应该让您不必弄清楚您现在的情况——我的文件在正确的位置吗?我的服务器指向正确的地方吗?等等……都由约曼照顾。

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

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

如果您想深入了解,这里是 Angular 团队发布的关于在 Angular 中使用 Yeoman 的演讲:http ://www.youtube.com/watch?v=XOmwZopzcTA

于 2013-10-16T23:47:06.367 回答