htmlで入れ子にされたUIビューを作成するにはどうしたらいいですか？

Question

これは私のコードで、私は正常に動作するui-view="tabs"が必要ですが、私はui-view="details"の内側にそれを追加するときにエラーがあなたのHTMLがtabsがdetailsビュー内のビューを入れ子になっていることを示唆している

(angular.js:13550TypeError: Cannot read property 'name' of undefined)

$stateProvider 
.state('home',{ 
    views:{ 
    'tabs' :{ 
     templateUrl: 'http://v.eyp.iypcdn.com/static/mobile/js/app/html/home.html', 
     controller: 'HomeController' 
    } 
    } 
}) 
.state('categories', { 
    views:{ 
    'tabs' :{ 
     templateUrl: 'http://v.eyp.iypcdn.com/static/mobile/js/app/html/categories.html', 
     controller: 'CategoriesController' 
    } 
    } 
}) 
.state('categoryDetails',{ 
    views:{ 
    'details': { 
     templateUrl : 'http://v.eyp.iypcdn.com/static/mobile/js/app/html/categoryDetails.html', 
     controller: 'CategoryDetailsCtrl' 
    } 
    }, 
    params:{ 
    cat: 'all' 
    } 
}) 

<div ui-view="details"> 
    <div ng-controller="TabsController" class="tabsdemoDynamicTabs" layout="column"> 
    <div ui-view="tabs" layout-fill class="demo-tab tab{{index%4}}"> 
     <br> 
    </div> 
    </div> 
</div> 

Answer 1

を発生しました。したがって、それに応じて状態情報を定義する必要があります。

これを試してみてください。

.state('categoryDetails.home',{ & .state('categoryDetails.categories',{

希望、これはそれを解決します。.. :)