ion-nav-back-button没有出现在我的项目结构中?
我的问题是,当我浏览从家状态user.tab1状态,后退按钮不会显示在导航栏,我怎么能解决这个问题,我是新来的离子型ion-nav-back-button没有出现在我的项目结构中?
我有这个规定在我的项目:
var app = angular.module('myApp', ['ionic']);
app
.config(function ($stateProvider, $urlRouterProvider) {
$stateProvider
.state('home', {
url: '/home',
templateUrl: './templates/test/home.html'
})
.state('user', {
url: '/user',
templateUrl: './templates/test/user.html'
})
.state('user.tab1', {
url: '/tab1',
views: {
'tab1': {
templateUrl: './templates/test/tab1.html'
}
}
})
.state('user.subtab1', {
url: '/subtab1',
views: {
'tab1': {
templateUrl: './templates/test/sub-tab1.html'
}
}
})
.state('user.tab2', {
url: '/tab2',
views: {
'tab2': {
templateUrl: './templates/test/tab2.html'
}
}
});
$urlRouterProvider.otherwise("/home");
});
,这些都是模板:
的index.html
<body ng-app="myApp">
<ion-nav-bar class="bar bar-calm">
<ion-nav-back-button>
</ion-nav-back-button>
</ion-nav-bar>
<ion-nav-view>
</ion-nav-view>
</body>
home.html做为
<ion-view view-title="Home">
<ion-content>
<a ui-sref="user.tab1">user.tab1</a>
</ion-content>
</ion-view>
user.html
<ion-view view-title="User">
<ion-tabs>
<ion-tab title="tab1" href="#/user/tab1">
<ion-nav-view name="tab1"></ion-nav-view>
</ion-tab>
<ion-tab title="tab2" href="#/user/tab2">
<ion-nav-view name="tab2"></ion-nav-view>
</ion-tab>
</ion-tabs>
</ion-view>
tab1.html
<ion-view view-title="tab1">
<ion-content>
tab1
<br />
<a ui-sref="user.subtab1">user.subtab1</a>
</ion-content>
</ion-view>
tab2.html
<ion-view view-title="tab2">
<ion-content>
tab2
</ion-content>
</ion-view>
子tab1.html
<ion-view view-title="sub-tab1">
<ion-content>
sub-tab1
</ion-content>
</ion-view>
UPDATE
我改变美国对这些,但是当我再次从家乡导航给用户,后退按钮不会出现:
$stateProvider
.state('main', {
url: '/main',
abstract: true,
templateUrl: './templates/test/main.html'
})
.state('home', {
url: '/home',
parent: 'main',
views: {
'home-view': {
templateUrl: './templates/test/home.html'
}
}
})
.state('user', {
url: '/user',
parent: 'main',
views: {
'user-view': {
templateUrl: './templates/test/user.html'
}
}
})
main.html中
<ion-nav-view name="home-view">
</ion-nav-view>
<ion-nav-view name="user-view">
</ion-nav-view>
这里的问题是,你的用户状态是不是你的家乡的孩子。 在您的配置中,只有tab2 &选项卡2状态是用户状态的子项。
因此后退按钮不会出现。
实施例:
.state('home', {
url: '/home',
templateUrl: 'templates//test/home.html'
})
.state('home.user', {...
并熟悉的抽象状态的作为导航的根的概念。抽象状态是无法导航到的状态。如this question中所述。
你能帮我解决这个问题吗? –
看看这个[codepen](http://codepen.io/TimothyKrell/pen/bnukj)。它解释的东西... –
是的,但我不明白,你能修改我的错误在上面的模板和脚本? –
在您的用户状态下:将'parent:'main''更改为'parent:'home'' –
不起作用! @AndreKreienbring –