Làm cách nào để tải mô-đun khởi động AngularJS chính xác?

Question

Trong ứng dụng Rails của tôi, tôi có ui-bootstrap-0.2.0.js trong thư mục vendor/assets/javascripts. Tôi đã yêu cầu tệp trong tệp application.js của mình.

tôi nhận được một thông báo lỗi khi tôi chỉ định bootstrap như sự phụ thuộc của tôi trong dòng này, angular.module('myApp',['ui.bootstrap']);, theo hướng dẫn để làm ở đây, http://angular-ui.github.io/bootstrap/

Chrome phát hiện một Uncaught ReferenceError: angular is not defined tại mô-đun định nghĩa này: angular.module("ui.bootstrap", ["ui.bootstrap.accordion", ...]) trong ui-bootstrap-0.2.0.js.

Tuy nhiên, angular.js bắt lỗi No module:ui.bootstrap. Vì vậy, có vẻ như cả hai tệp javascript này không thể nhìn thấy nhau. Có một giải pháp cho điều này?

Answer 1

Sau đây là cách tôi đã làm nó trong dự án của tôi:

<script type="text/javascript" src="libs/jquery-1.9.1.min.js"></script> 
<script type="text/javascript" src="libs/jquery-ui-1.10.2.custom.min.js"></script> 

<script type="text/javascript" src="libs/angular.min.js"></script> 
<script type="text/javascript" src="libs/angular-ui.min.js"></script> 
<script type="text/javascript" src="libs/angular-resource.min.js"></script> 

<script type="text/javascript" src="libs/ui-bootstrap-tpls-0.2.0.min.js"></script> 

<script type="text/javascript" src="js/app.js"></script> 
<script type="text/javascript" src="js/services.js"></script> 
<script type="text/javascript" src="js/directives.js"></script> 
<script type="text/javascript" src="js/filters.js"></script> 
<script type="text/javascript" src="js/controllers.js"></script> 
<script type="text/javascript" src="js/utils.js"></script> 

Và đây là cách tôi đặt mô-đun ứng dụng của tôi:

var app = angular.module('myapp', ['ui.bootstrap','ngResource']);