Маршрутизация Angularjs в разных файлах

В AngularJS маршруты определяются в блоке конфигурации. Каждый модуль AngularJS может иметь несколько блоков конфигурации, и вы можете определить маршруты в каждом блоке конфигурации. Окончательная маршрутизация для всего приложения представляет собой сумму маршрутов, определенных во всех модулях.

На практике вы можете сделать это так:

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
});

Что касается разделения файлов - я думаю, это во многом зависит от того, как вы разделяете модули AngularJS в файлах. Я бы порекомендовал придерживаться принципа «один файл равен одному модулю».

Вы можете увидеть, как все это применяется к крупномасштабному веб-приложению в angular-app, попытка создать ссылку для нетривиального приложения, написанного на AngularJS:

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

В упомянутом приложении вы можете увидеть маршруты, определенные в нескольких файлах, например:

• 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

Вы можете создать приложение Angular с разными файлами, не указывая их, следуя этим шагам.

Шаг 1. Получите полный URL

var url = window.location.pathname;

Шаг 2 Сортировка только по имени файла

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

Шаг 3 Отображение результата

alert(filename);

Я сделал это в w3schools, попробуйте редактор http://www.w3schools.com/code/tryit.asp?filename=FDP3QTCP7V4E