javascript - ui-router を使用して、ネストされた名前付きビューに移動します

Question

アプリでは、 view mainContentという名前を付けました。

    <div class = "wrapper"
         ui-view = "mainContent">
    </div>

このビューのルートは 1 つだけです。

    $stateProvider
        .state("home",
        {
            url: "/home",
            views: {
                'mainContent': {
                    templateUrl: "app/home/home.html"
                }
            }
        });

home.html を名前付きビュー mainContent ビューにロードします。このビューには、ビュー appContent という名前も付けられています。

home.html

    <div class = "row"
         ui-view = "appContent">
    </div>

ネストされた名前付きビュー appContent のルートはこちらです。

    $stateProvider
        .state("request",
        {
            parent: "home",
            abstract: true,
            url: "/request"
        })
        .state("request.create", {
            url: "/create",
            views: {
                appContent: {
                    templateUrl: "app/requests/create/createRequest.html",
                    controller: "RequestController as vm"
                }
            }
        });

http://.../#/home/request/createをロードしようとすると、RequestControllerが作成されず、ビュー createRequest.html もロードされません。

ビューから request.create 状態に移動するには:

<a ui-sref = "request.create"><i class = "fa fa-plus"></i>New</a>

感謝