Сохраняя контроллер по изменению пути

Question

В настоящее время я использую URL как

/order 
/order?id=123 
/orderitem/123 
/orderitem/123/id=456 

где есть один контроллер в течение первых двух случаев и еще один в течение последних двух случаев. Каждый контроллер отображает список сущностей и необязательно (когда задан id) детали выбранного объекта.

Я хотел бы перейти к более логической схеме, как

/order 
/order/123 
/order/123/item 
/order/123/item/456 

без изменения контроллеров. Согласно этому comment by misko, экземпляр контроллера не сохраняется на изменениях «путь» (а не только «поиск»).

Есть ли способ избежать повторного введения контроллера?

Я использую ui-router, это поможет?

Answer 1

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

var myApp = angular.module('app', ['ui.router']); 

myApp.config(['$stateProvider', function ($stateProvider) { 
    $stateProvider.state('order', { 
     url: '/order/:orderId', 
     controller: 'OrderCtrl', 
     templateUrl: 'orders.html' 
    }).state('order.item', { 
     url: '/item/:itemId', 
     templateUrl: 'items.html', 
     controller: 'ItemsCtrl' 
    }); 
}]); 

Затем в файлах шаблонов, вы можете связаться с каждого состояния (с входным идентификатором, если это необходимо):

<a ui-sref="order">/order</a> 
<a ui-sref="order({id:1})">/order/1</a> 
<a ui-sref="order({id:1}).item">/order/1/item</a> 
<a ui-sref="order({id:1}).item({id:1})">/order/1/item/1</a>