文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
angular.js - angular 底部菜单切换 高亮 求demo
给我你的怀抱
给我你的怀抱 2017-05-15 17:11:49
[AngularJS讨论组]
0 2 928
举报

1、angular 底部菜单切换 高亮
2、刷新过后也要高亮

给我你的怀抱
给我你的怀抱

全部回复(2)
给我你的怀抱
给我你的怀抱2017-05-15 17:13:49 2楼

谢邀，angular-ui-router能满足你的需求

https://ui-router.github.io/n...

上面官方地址里面就有demo

一点小说明：

  <body ng-app="helloworld">
    <a ui-sref="hello" ui-sref-active="active">Hello</a>
    <a ui-sref="about" ui-sref-active="active">About</a>

    <ui-view></ui-view>
  </body>


    ui-sref-active="active" // 这个是ui-router提供的属性，会判断当前在哪个页面，然后添加active这个类，样式我们可以自己改
赞 +0
添加回复
过去多啦不再A梦
过去多啦不再A梦2017-05-15 17:13:49 1楼

单页应用可以根据当前的路由判断、路由驱动class实现你想要的效果

赞 +0
添加回复
专题推荐
更多>
热门话题
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部