angularjs でいくつかのネストされた状態で作業していますが、URL の一部が動的になるまではすべてうまくいきます。
これはうまくいきます
.state('company', {
url: "/company",
templateUrl: 'views/company/index.html'
})
.state('company.list', {
url: "/",
views: {
"c_list": {
templateUrl: 'views/company/list.html',
controller: 'CompanyCtrl'
}
}
})
.state('company.view', {
url: "/:company_id",
views: {
"c_info": {
templateUrl: 'views/company/view.html',
controller: 'CompanyCtrl'
},
"c_menu": {
templateUrl: 'views/company/menu.html',
controller: 'MenuCtrl'
}
}
})
しかし、動的パラメーターがあるため、company.view を拡張すると失敗します。
.state('company.view.user', {
url: "/user",
views: {
"c_nested":{
templateUrl: 'views/user/index.html',
}
}
})
.state('company.view.user.list', {
url: "/",
views: {
"u_list": {
templateUrl: 'views/user/list.html',
controller: 'UserCtrl'
}
}
})
company.view ではなく company からユーザーを拡張すると、ネストされたビューが表示されますが、company.view から拡張すると、ネストされたビューではなく、メイン コンテンツのみが表示されます。
company/index.html の場合:
<div ui-view="c_list"></div>
<div ui-view="c_info"></div>
<div ui-view="c_menu"></div>
<div ui-view="c_nested"></div>
user/index.html の場合:
<div ui-view="u_list"></div>
<div ui-view="u_info"></div>
<div ui-view="u_menu"></div>
<div ui-view="u_nested"></div>
他のすべてのhtmlは次のように単純であると仮定します
<div>hi</div>
私が使用する URL は次のとおりです。
/会社[作品]
/company/92 [作品]
/company/92/user [まさか]
これを動的パラメーターで機能させるにはどうすればよいですか?