显示隐藏的元素或更改链接元素上的行为

Show a hidden element or change the behaviour on the link element?

本文关键字：元素 链接 隐藏 显示      更新时间：2024-04-07

我在导航中得到了一个链接，其中有一个图标。图标本身是一个带有+到x的动画。现在，在x状态下，我希望用户可以点击图标/文本"关闭"。现在我不确定什么是最好的方法。

  1. 当动画转换到x时，显示一个隐藏的元素，并隐藏这个

  2. 在链接中添加一个类，使其触发所需url 的$state.transitionTo('state')

  3. 建议

你可以在我的plunker 上查看

<nav ng-class="{'1': 'nav rotate'}[myVar]"> <a ui-sref="home" class="nav__home">Home</a> <a ng-click="myVar == '1' ? myVar ='0' : myVar = '1'" ui-sref="random" class="nav__random" > <span class="glyphicon glyphicon-plus"></span> random </a> </nav>

相关文章：