我有一个选项卡式应用程序,它以ionic start myApp tabs
. 我一直在编辑它,并添加了一个名为count.html
共享DashCtrl
控制器的页面。我在 Dash 选项卡中链接到它,当我在计算机上的 Chrome 中进行测试时它工作正常,但是当我使用 Ionic Viewer 时,它无法导航;它只是停留在 Dash Tab 页面上,就好像什么都不应该发生一样。
如何修复设备的导航?
制表符.html
<ion-view view-title="Test">
<ion-content class="padding">
<button class="button button-full button-positive" ui-sref="tab.count">
Count
</button>
</ion-content>
</ion-view>
计数.html
<ion-view view-title="Count">
<ion-nav-bar class="bar-energized">
<ion-nav-back-button class="button-clear">
<i class="ion-arrow-left-c"></i> Back
</ion-nav-back-button>
</ion-nav-bar>
<ion-content class="padding">
</ion-content>
</ion-view>
应用程序.js
.state('tab', {
url: "/tab",
abstract: true,
templateUrl: "templates/tabs.html"
})
// Each tab has its own nav history stack:
.state('tab.dash', {
url: '/dash',
views: {
'tab-dash': {
templateUrl: 'templates/tab-dash.html',
controller: 'DashCtrl'
}
}
})
.state('tab.count', {
url: '/count',
views: {
'tab-dash': {
templateUrl: 'templates/count.html',
controller: 'DashCtrl'
}
}
})