Định tuyến angularjs trong các tệp khác nhau

Question

Tôi đang kiểm tra định tuyến góc.

http://www.bennadel.com/blog/2420-Mapping-AngularJS-Routes-Onto-URL-Parameters-And-Client-Side-Events.htm

Các ví dụ tôi thấy có tất cả các tuyến đường được xác định trong cùng một tập tin. Làm thế nào để tôi có các tuyến đường khác nhau được xác định trong các tệp/mô-đun khác nhau?

Answer 1

Trong các tuyến AngularJS được xác định trong khối cấu hình. Mỗi mô-đun AngularJS có thể có nhiều khối cấu hình và bạn có thể định nghĩa các tuyến trong mỗi khối cấu hình. Định tuyến cuối cùng cho toàn bộ ứng dụng là tổng các tuyến được xác định trong tất cả các mô-đun.

Trên thực tế bạn có thể làm điều đó thích:

angular.module('myModule1', []).config(function($routeProvider){ 
    //define module-specific routes here 
}); 

angular.module('myModule2', []).config(function($routeProvider){ 
    //define module-specific routes here 
}); 

angular.module('myApp', ['myModule1', 'myModule2']).config(function($routeProvider){ 
    //define app-level routes here 
}); 

Về phân chia qua các tập tin - Tôi đoán điều này phần lớn phụ thuộc vào cách bạn chia AngularJS module trong các tập tin. Những gì tôi muốn giới thiệu là gắn bó với một tập tin bằng nguyên tắc một mô-đun.

Bạn có thể thấy tất cả điều này áp dụng cho một ứng dụng web quy mô lớn hơn trong góc ứng dụng, một nỗ lực để xây dựng một tài liệu tham khảo cho một ứng dụng không tầm thường viết bằng AngularJS:

• https://github.com/angular-app/angular-app

trong ứng dụng đề cập, bạn có thể thấy các tuyến đường quy định tại nhiều file, ex .:

• https://github.com/angular-app/angular-app/blob/master/client/src/app/projectsinfo/projectsinfo.js
• https://github.com/angular-app/angular-app/blob/master/client/src/app/projects/projects.js

Answer 2

Bạn có thể làm cho các ứng dụng kiễu góc với các tập tin khác nhau mà không xac định họ theo này bước

Bước 1: Nhận toàn bộ url

var url = window.location.pathname; 

Bước 2 Sorting tên tệp một mình

var filename = url.substring(url.lastIndexOf('/')+1);

Bước 3 Hiển thị kết quả

alert(filename); 

Tôi đã làm điều này trong w3schools thử nó biên tập http://www.w3schools.com/code/tryit.asp?filename=FDP3QTCP7V4E