如何运行AngularJS示例

我已经按照此处所述完成：http://docs.angularjs.org/tutorial/step_00但无法运行phonecat示例作为AngularJS。它像一堆html文件一样运行。例如，应用程序/索引async.html页给我下面的错误在Chrome的控制台：如何运行AngularJS示例

Uncaught Error: No module: myApp

此文件包含

angular.bootstrap(document, ['myApp']);

来源

2012-11-23 Paul

你究竟做了什么？我只是在我的apaches htdocs某个地方克隆了git repo，并将其设置为步骤00，对我来说一切正常。 –

告诉我如何运行一个基本的例子..我的意思是它应该运行在什么环境..我只是写它作为简单的HTML和运行。角度的概念是非常好的，我很快得到它，但没有教程说如何执行它和环境设置:( – saikiran

的引导部分需要你的元素之后调用引导到被加载。您可以将引导程序代码放在html末尾，也可以使用JQuery中准备好的文档。

来源

2012-11-24 06:08:19

添加'angular.bootstrap（文档，['myApp']）;'到结束HTML模板适用于我，但将_that_放入jQuery的'$（document）.ready（）'中并没有工作。 – elimisteve

-3

确保您的Web服务器正在运行。

如果你正在运行的node.js：
1.运行node scripts\web-server.js启动Web服务器
2.在您的浏览器，浏览到http://localhost:8000/app/index.html

如果您正在运行一些其他的HTTP服务器：（我用WAMP为您列出的AngularJS教程）：
1.确保将/ angular-phonecat存储库克隆到您的wamp/www文件夹中。
2.在浏览器中导航到http：// localhost：[port-number]/angular-phonecat/app。

TIPS：
要使用Windows命令行更改目录 -

cd /d c:\wamp\www

要使用GIT BASH更改目录 -

$ cd /c/wamp/www

附加说明：在Git中的Bash，显示您目前所在的目录，请使用$ pwd

来源

2013-02-18 21:14:39 Nostalgia80

我有同样的问题。当加载角与reguirejs，你必须从HTML删除NG-应用指令，并呼吁angular.bootstrap(document, ['myApp'])这样以后添加：

$(html).addClass('ng-app');

检查这个种子工程出：https://github.com/tnajdek/angular-requirejs-seed专门的index.html和app/js/main.js

来源

2013-06-18 09:56:58

如何运行AngularJS示例

回答

相关问题