Подтвердить что ты не робот

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

Я проверяю маршрутизацию angular.

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

В примерах, которые я вижу, все маршруты определены в одном файле. Как определить различные маршруты в разных файлах/модулях?

Ответ 1

В маршрутах 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

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

Ответ 2

Вы можете сделать приложение 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