文档章节

angularjs实现导航菜单切换高亮

o
 osc_z1hvg4cu
发布于 2018/04/24 17:23
字数 120
阅读 0
收藏 0

钉钉、微博极速扩容黑科技,点击观看阿里云弹性计算年度发布会!>>>

<ul>
      <li ng-repeat="(index, item) in headerList">
           <a ui-sref="{{item.href}}" 
               ng-class="{selected: selectedIndex === index}" 
               ng-click="changeIndex(index)">
                 <span>{{item.name}}</span>
           </a>
       </li>
</ul>
controller('headerCtrl', function($scope, $location, $state) {
        // 刷新时修正 selectedIndex
        var path = $location.$$path.split('/')[1];
        switch(path) {
            case '':
                $scope.selectedIndex = 0;
                break;
            case 'book':
                $scope.selectedIndex = 1;
                break;
            case 'borrow':
                $scope.selectedIndex = 2;
                break;
            case 'reader':
                $scope.selectedIndex = 3;
                break;
        }
        // 这里的href指的是ui-router的state的name
        $scope.headerList = [{
                href: 'home',
                name: '首页'
            },
            {
                href: 'book',
                name: '图书管理'
            },
            {
                href: 'borrow',
                name: '借还管理'
            },
            {
                href: 'reader',
                name: '读者管理'
            }
        ];
        $scope.changeIndex = function(index) {
            $scope.selectedIndex = index;
        };
    });

效果界面:

 

o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。

暂无文章

聊聊dubbo-go的AccessLogFilter

序 本文主要研究一下dubbo-go的AccessLogFilter AccessLogFilter dubbo-go-v1.4.2/filter/filter_impl/access_log_filter.go type AccessLogFilter struct {logChan chan AccessLogData}......

go4it
昨天
24
0
对服务与工厂感到困惑 - Confused about Service vs Factory

问题: As I understand it, when inside a factory I return an object that gets injected into a controller. 据我了解,当在工厂内部时,我返回一个被注入控制器的对象。 When inside a ...

技术盛宴
昨天
25
0
OpenCV开发笔记(六十七):红胖子8分钟带你深入了解特征点暴力匹配(图文并茂+浅显易懂+程序源码)

若该文为原创文章,未经允许不得转载 原博主博客地址:https://blog.csdn.net/qq21497936 原博主博客导航:https://blog.csdn.net/qq21497936/article/details/102478062 本文章博客地址:h...

红模仿_红胖子
昨天
24
0
将向量附加到向量[重复] - Appending a vector to a vector [duplicate]

问题: This question already has an answer here: 这个问题已经在这里有了答案: Concatenating two std::vectors 22 answers 连接两个std :: vectors 22个答案 Assuming I have 2 standa......

javail
昨天
19
0
获得所有文件夹的大小

有两个工具 https://www.getfoldersize.com/ http://www.uderzo.it/main_products/space_sniffer/index.html...

ethanleellj
昨天
18
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部