当前位置:K88软件开发文章中心编程语言APP编程ionic01 → 文章内容

ionic 导航

减小字体 增大字体 作者:佚名  来源:网上搜集  发布时间:2019-1-12 6:35:18

ion() { return $ionicNavBarDelegate.getPreviousTitle(); };}nav-clearnav-clear一个当点击视图上的元素时用到的属性指令,比如一个 <a href> 或者一个 <button ui-sref>。当点击时,nav-clear将会导致给定的元素,禁止下一个视图的转换。这个指令很有用,比如,侧栏菜单内的链接。用法下面是一个侧栏菜单内添加了nav-clear指令的一个链接。点击该链接将禁用视图间的任何动画。<a nav-clear menu-close href="#/home" class="item">首页</a>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 回退视图,如果回退的视图存在。

上一页  [1] [2] 


ionic 导航