ui-routerを使用した単一の状態の複数のURL

Question

SPAサービスを開発中です。私はangular.jsとui-routerのためにとても満足しています。

私はangular.js 1.xのui-routerで状態を実装しようとしました。これについて何か質問があります。

ここに私のコードスニペットがあります。パス#/ant/holdingと#/settings/holdingの2つの状態があります。

私はこのコードを1つの状態にマージできると考えました。そうですか？もし私がそうなら、これらの状態をどのようにマージするのですか？

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