ionic框架中TABS中tabs-striped条形切换问题

昨天在写案例中，发现ionic框架中tabs-striped无法随鼠标点击而改变class中的active,思考了一下，我在相对应的路由中的controller添加了一句话：$scope.*_active='active',这样就解决了无法随点击而改变样式的问题。代码如下：　　

<div class="tabs-striped tabs-color-assertive">    <div class="tabs tabs-icon-top" id="tabs_footer">        <a class="tab-item {{main_active}}" href="#/main" ng-click="striped()">            <i class="icon ion-home"></i>            首页        </a>        <a class="tab-item {{list_active}}" href="#/list/0" ng-click="striped()" >            <i class="icon ion-navicon-round"></i>            分类        </a>        <a class="tab-item {{cart_active}}" href="#/cart/0" ng-click="striped()">            <i class="icon ion-android-cart"></i>            购物车        </a>    </div></div>js:.controller('mainCtrl',['$scope',function($scope){　　$scope.main_active="active";}])

.controller('listCtrl',['$scope',function($scope){　　$scope.list_active="active";}])

.controller('cartCtrl',['$scope',function($scope){　　$scope.cart_active="active";}]);各位，有其他更好的方法可以共享一下，谢谢！

转载于:https://www.cnblogs.com/guanjf/p/6581309.html

ionic框架中TABS中tabs-striped条形切换问题相关推荐

iview中嵌套使用tabs注意事项
说明: iview组件中当嵌套使用 Tabs时,需要在Tabs中指定 name 属性来区分层级,然后在TabPane 中设置 tab 属性指向对应 Tabs 的 name 字段. 正确示例: 在每一个 ...
jquery.easyui.tabs 中的首个tabs被最后tabs覆盖的问题解决方法
jquery.easyui.tabs 中的首个tabs被最后tabs覆盖的问题解决方法参考文章: (1)jquery.easyui.tabs 中的首个tabs被最后tabs覆盖的问题解决方法 (2) ...
layui数据表格table在选项卡tabs中分页条不显示的解决
layui数据表格table在选项卡tabs中分页条不显示的解决解决:渲染后重新设置高度:$(".layui-table-box").css("height" ...
rethat安装MySQL多例_Spring框架-Bean作用域中单例模式和多例模式的区别
Spring框架-Bean作用域中单例模式和多例模式的区别一.单例模式的特点(当没有指定是单例模式还是多例模式的时候,默认是单例模式): 1.Spring容器创建的时候,对应的类的实例化对象一起被创 ...
关于Shiro框架权限标识符中*使用的总结
2019独角兽企业重金招聘Python工程师标准>>> #关于Shiro框架权限标识符中*使用的总结 Shiro框架中独创的权限标识符(Wildcard Perssions)可以很优 ...
从框架源码中学习创建型设计模式
文章目录从框架源码中解读创建型设计模式工厂模式案例一:RocketMQ源码-创建Producer生产者案例二:RocketMQ源码-创建过滤器工厂抽象工厂案例一:Dubbo源码-创建缓存的 ...
Abp框架默认表中如何添加字段
目录介绍说明具体实现 1.扩展抽象实体 2.扩展非抽象实体总结介绍 Abp现在是比较流行的一个.net的基于ddd思想的框架,所有很多公司也开始想要使用,并在招聘中会要求应聘者会abp框架. ...
uni-app框架开发app中出现的问题（持续更新中...）
uni-app框架开发app中出现的问题 ucharts图表第一次加载不显示 uview中图标不显示无法使用彩色iconfont 滚动回顶部监听横屏和录屏的变化 ucharts双指缩放24小时曲线 ...
requestAnimationFrame运动框架实现播放中连续变速动画效果
上期已介绍requestAnimationFrame运动框架的基本概念和特性,本期继续了解运动框架的用途,在制作动画效果方面,运动框架可以在播放动画的同时自然.流畅地响应连续变速操作,还能解决画面卡顿 ...

ionic框架中TABS中tabs-striped条形切换问题

ionic框架中TABS中tabs-striped条形切换问题相关推荐

最新文章

热门文章