ui-routerを使用するサブメニューのサブメニュー

Question

こんにちは、私はui-routeを使ってサブメニューを作成しようとしています。私はこのようなことを角度v1でやろうとしています。

- それはです>フォルダ

---->ジョブ

------->コーダー

------->シェフ

フォルダメニュー、ジョブはサブメニュー、コーダー、シェフです。コーダーのサブメニューの中にあるオプションです。

ここはマイコード

$stateProvider 
.state('folders', { 
url: '/app/folders', 
template : '', 
abstract: true, 
controller: "foldersCTRL", 
title: 'Folders', 
    sidebarMeta: { 
    icon: 'ion-grid', 
    order: 1, 
    }, 
}).state('jobs', { 
    url: '/jobs', 
    abstract: true, 
    title: 'Jobs', 
}) 
.state('jobs.coder', { 
    parent: 'jobs', 
    url: '/coder', 
    title: 'Coder', 
    sidebarMeta: { 
    order: 0, 
    }, 
}).state('jobs.chef', { 
    parent: 'chef', 
    url: '/jobs', 
    title: 'Chef', 
    sidebarMeta: { 
    order: 0, 
    }, 
}); 
} 

が、そのコードだけ私にこの

->folders 
--->jobs 
--->coder 
--->chef 

UI-ルートを使用してサブメニューにサブメニューを行うための任意のアイデアや暗示のようなものを示して？

Answer 1

あなたは州名を変更する必要があります。 folders、folders.jobs、jobs.coder、jobs.chefのようになります。また、コーダー&シェフの状態から親のプロパティを削除します。親プロパティを使用することに注意してください。ドット通知付きの状態名で定義した値だけを保持する必要があります（ステートメント名がjobs.chefの場合、最後の親はジョブでなければなりません）。またhttps://plnkr.co/edit/F5Upm3EsjD40QQ1E3Nwx?p=preview

あなたは抽象としてあなたの状態を定義している場合、その子はつもり負荷を述べていることだから、それは、テンプレートで唯一のUIビュータグ要素を持っている必要があります同様のネストされたビューの実装のための

チェックアウトこのplunkerを。 チェックアウトそのため、このplunker：http://plnkr.co/edit/gmtcE2?p=preview

はまた、ネストされたビューを実装するための方法&構造を説明ui-router official documentationを見てみましょう。