javascript - 二级目录，如实现点击一列，只显示点那一列下面，其它列隐藏?

问题描述

问 题

HTML代码 :

<ul class="nav list-unstyled">
    <li ng-repeat="d in navData" ng-class="{'hover': isHover}">
        <a href="" ng-click="goUrl(d.url)">
            <span ng-bind="d.name"></span>
            <span ng-if="d['childlist']" ng-class="{true: 'right', false: 'down'}[!isHover]"></span>
        </a>
        <ul class="list-unstyled" ng-if="d['childlist']">
            <li ng-repeat="cd in d.childlist">
                <a href="" ng-click="goUrl(d.url)">
                    <span ng-bind="cd.name"></span>
                </a>
            </li>
        </ul>
    </li>
</ul>

js部分：

    $scope.goUrl = function(url){
        $scope.isHover = false;
        this.isHover = !this.isHover;
    };

本意是点击a后，所有isActive为false，然后再将点击的a设置为true，但是不能实现，求解答。

解决方案

看懂了吗？obj下的goUrl方法。this指向的是obj。

这篇关于javascript - 二级目录，如实现点击一列，只显示点那一列下面，其它列隐藏?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！