0

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 [まさか]

これを動的パラメーターで機能させるにはどうすればよいですか?

4

1 に答える 1