Ionic ion-nav-view使用整理
来源:互联网 发布:对舒国滢的评价 知乎 编辑:程序博客网 时间:2024/06/06 04:13
一、ion-nav-title标题栏文字居中和绑定
1.ion-nav-bar设置居中
<ion-nav-bar class="bar-royal" align-title="center" ng-click="showUrl();"> <ion-nav-back-button></ion-nav-back-button> </ion-nav-bar> <ion-nav-view animation="slide-left-right"></ion-nav-view>
2.绑定title内容
<!--分类页面1--><script id="category.html" type="text/ng-template"> <ion-view view-title="{{pageTitle}}" cache-view="false" ng-controller="CategoryController"> <ion-content class="padding listPage" overflow-scroll="false"> <div class="row responsive-sm"> <div class="col text-center" ng-repeat="item in items"> <a class="item item-thumbnail-top" href="#{{item.LinkUrl}}" data-id="{{item.CategoryID}}"> <img ng-src="{{getImgUrl(item.IconUrl)}}" /> <h2>{{item.Name}}</h2> </a> </div> </div> </ion-content> </ion-view></script>在控制器中修改title
//分类1页面app.controller('CategoryController', function ($rootScope, $scope, $stateParams, $ajax, $ionicNavBarDelegate) { //获取首页分类列表 var titleName = $stateParams.name; $ajax.getCategory($stateParams.id, function (data) { //2个分组处理 var group = []; for (var i = 0; i < data.length; i++) { group.push({ index: i, items:data[i] }); } $scope.items = group; //$ionicNavBarDelegate.setTitle(titleName); }); $scope.pageTitle = titleName;});
更多:
Ionic Tab选项卡使用整理(一)
Ionic Grid栅格布局居中实例
ionic 加载动作$ionicLoading 和加载动画 ion-spinner
0 0
- Ionic ion-nav-view使用整理
- Ionic Js十二:导航ion-nav-view
- VS2015+cordova+ionic安卓开发使用<ion-nav-view></ion-nav-view> 改变其位置(置顶或置底)
- ion-nav-view
- ionic翻译:ion-nav-back-button
- ionic入门教程第九课-开始动手做项目吧!ion-nav-bar、ion-nav-buttons、ion-tabs
- ionic入门教程第九课-开始动手做项目吧!ion-nav-bar、ion-nav-buttons、ion-tabs
- ionic-angular路由,去掉特定页面的ion-nav-bar
- 关于ionic ion-nav-back-button 标题隐藏及修改
- ionic---ion-view 视图的生命周期
- ionic ion-slide-box学习笔记整理
- ion-nav-bar
- ionic中index.html页面中有ion-nav-bar时如何加二级标题栏
- ionic ion-refresher 下拉刷新的使用。
- ionic框架popover组件<ion-popover-view>的滚动问题
- 路由之间的跳转后ionic提供的返回按钮<ion-nav-back-button>消失不出现的解决办法
- 关于ionic中ios系统无法去掉<ion-nav-back-button>返回键自带的返回back字
- ionic的ion-slide-box使用ng-repeat不显示
- Linux下搭建高效的SVN
- MAC npm 需要管理员权限问题
- 基数排序
- Greenplum系统配置优化
- 20个 Unix/Linux 命令技巧
- Ionic ion-nav-view使用整理
- linux centos6.5下一台虚拟机搭建多个tomcat方法
- LINUX -bash java command not found
- hbase regionserver的region到300以上老是挂啊,怎么整
- Android MVP 基本了解與實作
- RecyclerView的五大开源项目-解决上拉加载、下拉刷新和添加Header、Footer等问题
- Linux下设置脚本监控tomcat(经测试可用)
- linux Centons 6.5 下yum安装vlc
- Linux下设置监控tomcat端口脚本,优化版