1.angular的强大的第三方库angular-ui-route,再里面的指令ui-serf-active可以很好的解决导航的选中状态的切换,

这个指令是监听路由发生变化时状态的切换;

现象:tab栏显示不同的内容,选中的导航特殊的状态;

代码解释:

使用ui-view来显示指定的内容;

<div>
    <nav ui-sref={i.link} ui-serf-active="active" ng-class='{"active":i.link==now.link}' ng-repeat="i in navs">{{i.txt}}</nav>
</div>
<ui-view name="content"></ui-view>
View Code

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-03-06
  • 2021-06-13
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-06-26
  • 2021-06-19
相关资源
相似解决方案