如何取消选择菜单?

时间:2015-08-20 15:20:13

标签: angularjs

我在我的控制器中有这个功能。问题是我根据状态更改菜单,当我第一次点击它没关系时..选择我的菜单但是当我再次点击该菜单时我想取消选择它。是那里任何方式都可以像切换功能一样??

 $scope.isHighLighthed = function(state) {


        if ($state.includes(state)) {
            return true;
        }
        return false;
    }

这是我的HTML:

    <div class="account-heading pointer" ng-class="{'active': isHighLighthed('@item.StateName')}">
    <h4 class="account-title has-sub ">
     <label class="white customSubMenu" ui-sref="@item.StateName" data-parent="#accordion" href="#@item.TransKey.ToLower()">@Translator.Translate(item.TransKey)</label>
    /h4>
  </div>
<div id="@item.TransKey.ToLower()" class="account-collapse collapse" ng-class="{'in':isHighLighthed('@item.StateName') }">
<div class="account-body">

 @foreach (var subIteam in ((MainMenuModel)item).SubMenu)
 {
   <a ui-sref="@subIteam.StateName" href="@subIteam.DisplayUrl" ng-class="{'active-link' : isHighLighthed('@subIteam.StateName')}">@Translator.Translate(subIteam.TransKey)</a>
    }
   </div>
</div>

所以基本上我需要在我再次点击时删除活动类

0 个答案:

没有答案