ionic开发中的ion-list设置item右侧的向右箭头
来源:互联网 发布:git服务器搭建windows 编辑:程序博客网 时间:2024/05/11 19:03
1.添加向右箭头的方法:<i class="icon ion-ios-arrow-forward"></i>
在ion-item中添加上述代码,例:
<ion-item ng-repeat="item in items"> {{item}} <i class="icon ion-ios-arrow-forward"></i></ion-item>这时,虽然成功添加了向右的箭头,但是这个箭头是紧挨在文字后边的,并不是我们想要的效果。如下图:2.设置箭头靠右显示:
在ion-item后添加class="item-icon-right"代码:
<ion-item ng-repeat="item in items" class="item-icon-right"> {{item}} <i class="icon ion-ios-arrow-forward"></i></ion-item>此时的效果如下图:
0 0
- ionic开发中的ion-list设置item右侧的向右箭头
- ionic开发中设置列表ion-list和边界的距离
- ionic开发中动态设置ion-scroll的高度
- ionic开发中动态设置ion-scroll的高度
- cell代码 右侧 添加向右箭头
- ionic入门教程第十一课-简要说明ion-list、ion-item完成列表页ion-infinite-scroll上拉加载ion-refresher下拉刷新
- ionic入门教程第十一课-简要说明ion-list、ion-item完成列表页ion-infinite-scroll上拉加载ion-refresher下拉刷新
- Ionic基础——列表ion-list
- Ionic基础——列表ion-list
- UITableViewCell 右侧的小箭头
- UITableViewCell 右侧的小箭头
- UITableViewCell 右侧的小箭头
- ionic的ion-tabs和ion-side-menus
- ionic ion-refresher 下拉刷新的使用。
- ionic---ion-view 视图的生命周期
- 【Ionic】 <ion-navbar>标签的用法;
- ionic 的ion-header-bar隐藏
- ion-input在ionic中的input,带label的带icon的输入框
- 23种设计模式(21)--Chain of Responsibility
- Mybatis
- SlidingMenu滑动菜单及DrawerLayout
- 如何将pdf转换成word文档格式
- gettimeofday()函数的使用方法
- ionic开发中的ion-list设置item右侧的向右箭头
- Web Service简单例子
- HTTPD::Log::Filter
- 奋斗吧,程序员——第四十三章 十步杀一人,千里不留行
- POJ 2082 (单调栈)
- hdu 1032:畅通工程 并查集算法
- 强悍的 Linux —— 强悍的命令行 —— 经典案例
- Android Studio Instant Run 官方介绍翻译
- sqlalchemy访问sql server,需要安装pymssql模块