Question

我已完成此处所述：http://docs.angularjs.org/tutorial/step_00但无法以AngularJS的身份运行phonecat示例。它像一堆html文件一样运行。例如，app / index-async.html页面在Chrome控制台中显示以下错误：

Uncaught Error: No module: myApp

此文件包含

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

Answer 1

需要在加载自举的元素之后调用引导程序部分。您可以将引导代码放在html的末尾，也可以使用类似JQuery的文档。

Answer 2

我遇到了同样的问题。使用reguirejs加载角度时，你必须从html 中删除ng-app指令，并在调用angular.bootstrap(document, ['myApp'])之后添加它：

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

检查此种子项目：https://github.com/tnajdek/angular-requirejs-seed具体为index.html和app / js / main.js

Answer 3

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

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

如果你正在运行其他一些http服务器:(我在你列出的AngularJS教程中使用了WAMP）：
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

如何运行AngularJS示例

3 个答案: