angularjs - How to run AngularJS example

Question

I've done as described here: http://docs.angularjs.org/tutorial/step_00 but can't run the phonecat example as AngularJS. It runs like a bunch of html files. For example, the app/index-async.html page gives me following error in Chrome's console:

Uncaught Error: No module: myApp

This file contains

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

Answer 1

The bootstrap part needs to be called after the element you're bootstrapping to is loaded. You can either put the bootstrap code at the end of your html, or you can use something like document ready from JQuery.

Answer 2

我有同样的问题。使用 reguirejs 加载 Angular 时，您必须从 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

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

如果您正在运行 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。

提示：
使用 WINDOWS 命令​​行更改目录 -

cd /d c:\wamp\www

使用 GIT BASH 更改目录 -

$ cd /c/wamp/www 

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