2012-11-23 60 views
6

Tôi đã thực hiện như mô tả ở đây: http://docs.angularjs.org/tutorial/step_00 nhưng không thể chạy ví dụ phonecat là AngularJS. Nó chạy như một loạt các tập tin html. Ví dụ, trang/index-async.html ứng dụng mang lại cho tôi sau lỗi trong giao diện điều khiển của Chrome:Cách chạy ví dụ AngularJS

Uncaught Error: No module: myApp 

Tập tin này có chứa

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

Chính xác bạn đã làm gì? Tôi chỉ nhân bản git repo ở đâu đó trong htdocs của tôi và đặt nó thành stepp 00 và mọi thứ hoạt động tốt cho tôi. –

+0

cho tôi biết làm thế nào để chạy một ví dụ cơ bản .. i có nghĩa là trong những gì môi trường nó nên chạy .. tôi chỉ viết nó như là html đơn giản và chạy. khái niệm về góc là rất tốt đẹp và tôi đã nhận nó rất nhanh nhưng không có hướng dẫn nào nói về cách thực hiện nó và thiết lập môi trường: ( – saikiran

Trả lời

3

Phần bootstrap cần phải được gọi sau khi các yếu tố bạn bootstrapping to được tải. Bạn có thể đặt mã bootstrap vào cuối html của bạn, hoặc bạn có thể sử dụng một cái gì đó giống như tài liệu sẵn sàng từ JQuery.

+1

Thêm 'angular.bootstrap (document, ['myApp']);' vào cuối HTML template làm việc cho tôi, nhưng đặt _that_ bên trong '$ (document) .ready() của jQuery đã làm _not_ work. – elimisteve

-3

Đảm bảo máy chủ web của bạn đang chạy.

Node.js Nếu bạn đang chạy:
1. Run node scripts\web-server.js để bắt đầu máy chủ web
2. Trong trình duyệt của bạn, điều hướng đến http://localhost:8000/app/index.html

Nếu bạn đang chạy một số máy chủ http khác: (tôi đã sử dụng WAMP cho hướng dẫn AngularJS mà bạn đã liệt kê):
1. Đảm bảo kho lưu trữ/angular-phonecat được nhân bản vào thư mục wamp/www của bạn.
2. Điều hướng trong trình duyệt của bạn tới http: // localhost: [port-number]/angular-phonecat/app.

TIPS:
Để thay đổi thư mục sử dụng WINDOWS COMMAND LINE -

cd /d c:\wamp\www 

Để thay đổi đường dẫn sử dụng GIT BASH -

$ cd /c/wamp/www 

bổ sung lưu ý: Trong Git Bash, để hiển thị thư mục bạn hiện đang sử dụng, sử dụng $ pwd

1

Tôi đã có cùng một vấn đề. Khi tải góc với reguirejs, bạn phải gỡ bỏ các chỉ ng-ứng dụng từ html và thêm nó sau khi gọi angular.bootstrap(document, ['myApp']) như thế này:

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

Kiểm tra dự án hạt này ra: https://github.com/tnajdek/angular-requirejs-seed đặc biệt index.html và app/js/main.js