[置顶] AngularJS实战之路由ui-sref-active使用

阅读更多
当我们使用angularjs的路由时,时常会出现一个需求,当选中菜单时把当前菜单的样式设置为选中状态(多数就是改变颜色)

接下来就看看Angular-UI-Router里的指令ui-sref-active 的使用
其意思就是查看当前激活状态并设置 Class

代码:



嵌套视图








	
	

当我们点击index3跳转到index3页面时,菜单为选中状态。实际上是设置了ui-sref-active="active1"当选中后当前li标签的class被设置为active1,就是自己定义的actice1的样式

[置顶] AngularJS实战之路由ui-sref-active使用_第1张图片
  • [置顶] AngularJS实战之路由ui-sref-active使用_第2张图片
  • 大小: 8.8 KB
  • 查看图片附件

你可能感兴趣的:(html,css,angularjs,JavaScript)