从应用程序的主菜单中单击按钮后,显示后退按钮和平滑过渡到选项卡页面时出现问题 .
如果我在按钮点击后重定向到简单视图:
NON-TABBED-VIEW (works fine)
.state('dailystats', {
url: '/daily-stats',
views: {
'': {
templateUrl: 'templates/daily-stats/daily-stats.html',
controller: 'DailyStatsCtrl'
}
}
})
转换和后退按钮是否正确显示 .
但是如果我想点击主页上的按钮后重新定向没有动画的标签页,并且没有可能使用标签页的 Headers 中的左后箭头图标返回主页 .
如何在这些选项卡式视图中添加转换和后退按钮?
我试图找到任何解决方案(使用脚本模板等),但没有运气 .
非常感谢您的帮助 .
TABBED-VIEW (not working animation and back arrow)
.state('tabplannedcalls', {
url: "/tabplannedcalls",
abstract: true,
templateUrl: "templates/tabs/planned-calls.html"
})
.state('tabplannedcalls.list', {
url: '/list',
views: {
'tab-planned-calls-list': {
templateUrl: 'templates/call-planning/list.html',
controller: 'PlannedCallsCtrl'
}
}
})
.state('tabplannedcalls.new', {
url: '/new',
views: {
'tab-new-planned-call': {
templateUrl: 'templates/call-planning/new-planned-call.html',
controller: 'PlannedCallsCtrl'
}
}
})
Tab Template:
<ion-tabs class="tabs-positive tabs-icon-top" animation="slide-left-right">
<!-- List of planned calls tab-->
<ion-tab title="List" icon="icon ion-home" href="#/tabplannedcalls/list" >
<ion-nav-view name="tab-planned-calls-list"></ion-nav-view>
</ion-tab>
<!--New planned call tab-->
<ion-tab title="New planned call" icon="icon ion-gear-b" href="#/tabplannedcalls/new">
<ion-nav-view name="tab-new-planned-call"></ion-nav-view>
</ion-tab>
</ion-tabs>
List template included in tab:
<ion-view title="Planned calls">
<ion-content class="padding" >
<!--WRITEOUT OVERAL STATS FOR DAYS -->
<div class="list" ng-controller="PlannedCallsCtrl" >
<div class="item item-button-right" ng-repeat="plannedCallItem in plannedCalls">
{{plannedCallItem.contact_name}}
<button class="button button-positive">
<i class="icon ion-ios7-telephone"></i>
</button>
</div>
</div>
</ion-content>
</ion-view>
2 回答
这是一个错误,仍然没有解决 . https://github.com/driftyco/ionic/issues/2997
我认为解决方法是仅使用css样式实现自己的选项卡视图 .
我想这可能对你有所帮助 . 查看这个(http://ionicframework.com/getting-started/)并尝试使用示例标签应用程序,以便安装使用
ionic start myApp tabs
.