ui-router를 사용하여 단일 상태의 여러 URL

Question

SPA 서비스를 개발 중입니다. angular.js와 ui-router 때문에 나는 매우 행복합니다.

나는 angular.js 1.x에 대해 ui-router로 상태를 구현해 보았습니다. 이것에 대해 뭔가 의문이 있습니다.

내 코드 조각입니다. 경로 #/ant/holding 및 #/settings/holding에 대한 2 개의 상태가 있습니다.

이 코드는 아마도 하나의 상태로 병합 될 수 있다고 생각했습니다. 그렇지? 맞다면 어떻게 병합 할 수 있을까요?

Google에서 검색을 시도했지만 찾지 못했습니다. 여러 URL에 대해 단일 상태를 구현하려면 어떻게해야합니까?

$stateProvider.state('ant', { 
    url : '/ant', 
    templateUrl : "ant/view", 
    controller : "AntController" 
}) 
.state('ant.holding', { // holding stocks 
    url : '/holding', 
    templateUrl : "ant/holdStockList" 
}) 
.state('settings', { 
    url : '/settings', 
    templateUrl : "more/view", 
    controller : "MoreController" 
}) 
.state('settings.holding', { // holding stocks 
    url : '/holding', 
    templateUrl : "ant/holdStockList" 
}) 

Answer 1

여기에서 Nested routing에 대한 정보를 찾을 수 있습니다.

여기서는 children 속성 또는 views을 사용할 수 있다고 가정합니다. 다음은 어린이 개념을 사용한 예입니다.

let holding = { 
    url: '/holding', 
    templateUrl: "ant/holdStockList" 
}; 

$stateProvider.state('ant', { 
    url: '/ant', 
    templateUrl: "ant/view", 
    controller: "AntController", 
    children: [holding] 
}).state('settings', { 
    url: '/settings', 
    templateUrl: "more/view", 
    controller: "MoreController", 
    children: [holding] 
})