각도 UI 라우터 : 단일 상태로 여러 URL

Question

각도의 ui 라우터를 사용하기 시작했으며 여러 URL이 단일 상태를 참조하는 방법을 파악하려고합니다. 예를 들면 :

/orgs/12354/overview 
//retyrns the same pages as 
/org/overview 

내 $ 상태 제공자는 현재이 같은 설정하고 해당 불분명 내 그것을 제대로 '조직'에서 상속하도록 '/ 조직/개요'경로 별명에 미끄러하는 방법 부모의.

.state('org', { 
    abstract: true, 
    url: '/orgs/:orgID', 
    templateUrl: '/client/navigation/main.html' 
}) 
.state('org.overview', { 
    url: '/overview', 
    templateUrl: '/client/overview/overview.html', 
    controller: 'OverviewCtrl' 

}) 

Answer 1

다음과 같이 하위 상태를 정의하면됩니다.

.state('org', { 
    abstract: true, 
    url: '/orgs/:orgID', 
    templateUrl: '/client/navigation/main.html' 
}) 
.state('org.1', { 
    templateUrl: '/client/overview/one.html', 
    controller: 'OverviewCtrl' 
}) 
.state('org.2', { 
    templateUrl: '/client/overview/two.html', 
    controller: 'OverviewCtrl' 
}) 
.state('org.3', { 
    templateUrl: '/client/overview/three.html', 
    controller: 'OverviewCtrl' 
}) 

Answer 2

첫째, 추상 상태는보기를 반환하지 않습니다.

또한 목록보기에 복수형 orgs을 사용하고 항목보기에 단 하나의 org을 사용하므로 기본 동작 인 추가 경로를 사용할 수 없습니다.

.state('org', { 
    url: '/orgs', 
    templateUrl: '/client/navigation/main.html' 
}) 
.state('org.overview', { 
    url: '^/org/:orgID/overview' 
    templateUrl: '/client/overview/overview.html', 
    controller: 'OverviewCtrl' 
}) 

Answer 3

이것은 when()을 사용하여 달성 할 수 있습니다. 여러 URL로 가리 키려는 상태라고 가정합니다. 다음과 같이

.state('app.home', 
    { 
    url: '/home', 
    templateUrl: 'home.html', 
    controller: 'homeCtrl' 
    }) 

config()에서는 when()를 사용할 수 있습니다

angular.module('myApp', []) 
    .config($urlRouterProvider){ 
     $urlRouterProvider.when(/homepage, ['$state','$match', function ($state, $match) { 
      $state.go('app.home'); 
}]); 
} 

는 마찬가지로 당신이 같은 상태를 가리키는 여러 URL을 추가 할 수 있습니다.