Mehrere URLs im Einzelzustand mit UI-Router

Question

Ich entwickle einen SPA-Dienst. Ich bin sehr glücklich wegen angular.js und ui-router.

Ich habe versucht, Zustände mit UI-Router für angular.js 1.x zu implementieren. Da ist etwas in Frage.

Hier sind meine Code-Schnipsel. Es gibt 2 Zustände für den Pfad #/ant/holding und #/settings/holding.

Ich dachte dieser Code, der vielleicht in einen Zustand zusammengeführt werden kann. Es ist richtig? Wenn ich richtig liege, wie verschmelzen diese Zustände?

Ich habe versucht, auf Google zu suchen, aber ich habe nicht gefunden. Wie kann ich einen einzelnen Status für mehrere URLs implementieren?

$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

Hier finden Sie Informationen über Nested routing finden.

Ich nehme an, Sie können hier children Eigenschaft oder views verwenden. Hier ist ein Beispiel mit einem Kinder-Konzept:

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