ionic 导航(三)
【摘要】 ion-nav-titleion-nav-title 用于设置 ion-view 模板中的标题。用法<ion-nav-bar></ion-nav-bar><ion-nav-view> <ion-view> <ion-nav-title> <img src="logo.svg"> </ion-nav-title> <ion-content> Some s...
ion-nav-title
ion-nav-title 用于设置 ion-view 模板中的标题。
用法
<ion-nav-bar>
</ion-nav-bar>
<ion-nav-view>
<ion-view>
<ion-nav-title>
<img src="logo.svg">
</ion-nav-title>
<ion-content>
Some super content here!
</ion-content>
</ion-view>
</ion-nav-view>nav-transition
设置使用的过渡类型，可以是：ios, android, 和 none。
用法
<a nav-transition="none" href="#/home">Home</a>nav-direction
设置导航视图中过渡动画的方向，可以是forward, back, enter, exit, swap。
用法
<a nav-direction="forward" href="#/home">Home</a>$ionicNavBarDelegate
授权控制 ion-nav-bar 指令。
用法
<body ng-controller="MyCtrl">
<ion-nav-bar>
<button ng-click="setNavTitle('banana')">
Set title to banana!
</button>
</ion-nav-bar>
</body>function MyCtrl($scope, $ionicNavBarDelegate) {
$scope.setNavTitle = function(title) {
$ionicNavBarDelegate.title(title);
}
}方法
align([direction])在浏览历史中后退。
| 参数 | 类型 | 详情 |
|---|---|---|
| event
(可选)
|
DOMEvent |
事件对象（如来自点击事件） |
align([direction])带有按钮的标题对齐到指定的方向。
| 参数 | 类型 | 详情 |
|---|---|---|
| direction
(可选)
|
字符串 |
标题文字对齐的方向。可用: 'left', 'right', 'center'。 默认: 'center'。 |
返回值: 布尔值， 后退按钮是否显示。
showBar(show)设置或获取 ion-nav-bar 是否显示。
| 参数 | 类型 | 详情 |
|---|---|---|
| show | 布尔值 |
导航栏是否显示。 |
返回值: 布尔值， 导航栏是否显示。
showBackButton([show])设置或获取 ion-nav-back-button 是否显示。
| 参数 | 类型 | 详情 |
|---|---|---|
| show
(可选)
|
布尔值 |
是否显示后退按钮 |
title(title)为ion-nav-bar设置标题。
| 参数 | 类型 | 详情 |
|---|---|---|
| title | 字符串 |
显示新标题。 |
$ionicHistory
$ionicHistory 用于跟踪用户在 app 内的浏览记录。
方法
viewHistory()用于查看历史记录。
currentView()app 的当前视图。
currentHistoryId()历史堆栈的 ID，是当前视图的父类容器。
currentTitle([val])获取或设置当前视图的标题。
backView()返回上次浏览的视图。
backTitle()获取上次浏览的视图的标题。
forwardView()返回历史堆栈中当前视图的上一个视图。
currentStateName()返回当前状态名。
goBack([backCount])app 回退视图，如果回退的视图存在。
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）