ui路由器問題，不能加載子標籤從選項卡

Question

我試圖讓一個單一的嵌套視圖加載一個選項卡，似乎我嘗試它的任何東西都不會加載模板。我試圖從我的主選項卡視圖傳遞一個參數來加載一個子視圖並顯示它。該網頁從未加載，但我看到網址已經改變，從列表中選擇的值。我完全按照離子選項卡啓動器的示例，但這個補丁的東西不會顯示子頁面。

這是我的app.js與適當的代碼減去一切。

// setup an abstract state for the tabs directive 
.state('options', { 
    url: "/options", 
    abstract: true, 
    templateUrl: "templates/options-tabs.html" 
}) 


// Each tab has its own nav history stack: 

.state('options.create', { 
    url: '/create', 
    views: { 
    'options-create': { 
     templateUrl: 'templates/options-create.html', 
     controller: 'CreateCtrl' 
    } 
    } 
}) 

.state('options.confirm', { 
    url: '/confirm/:id', 
    views: { 
    'options-confirm': { 
     templateUrl: 'templates/options-confirm.html', 
     controller: 'ConfirmCtrl' 
    } 
    } 
}) 

.state('options.local', { 
    url: '/local', 
    views: { 
    'options-local': { 
     templateUrl: 'templates/options-local.html', 
     controller: 'LocalAuditCtrl' 
    } 
    } 
}) 

我的控制器

.controller（ 'CreateCtrl'，函數（$範圍，$位置，$狀態，休息）{ rest.getBases（）。成功（功能（數據）{$ = scope.bases數據; }）;

$scope.test = function(account){ 
    console.log(account); 
    $state.go('options.confirm', {id:account}); 
} 

}）

我的主標籤查看

<ion-view title="Create"> 
    <ion-content> 
    <ion-list> 
     <ion-item ng-repeat="base in bases" type="item-text-wrap" ng-click="test(base.account)"> 
     {{base.name}} 
     </ion-item> 
    </ion-list> 
    </ion-content> 
</ion-view> 

詳細查看

<ion-view title="{{id}}"> 
    <ion-content has-header="true" padding="true"> 
    </ion-content> 
</ion-view> 

此時IM在這可怎麼是錯誤的下面從離子但是我的例子完全糊塗肯定有一些東西我在想念=（任何幫助都會很棒！

Answer 1

我有這個問題，經過3個小時的調試，我發現你的最高狀態（抽象的）必須是<ion-nav-view/>。

Ionic的文檔根本沒有提及它！

嘗試將其包含在index.html文件中。