点击左侧导航,右侧切换显示!

Question

业务需要是:点击左侧的li 切换右侧的内容显示,并且通过ctrl改变导航栏中的标识为当前li的名字,之前用JQ我是直接用bs.tab组件搞定,不知ng有何办法.

问题1: 左侧的导航栏因为是需要从服务器获取,所以我先自己模拟了一个叫leftchatli的对象.然后通过ng-repeat生成出来,但是我发现只能通过href才能生效 ui-sref 无法生效 如果写入ng-include会马上执行.我想要的效果是点击左侧导航li右侧对应内容改变,目前用href实现了 ,但是需要在路由中配置一遍,这是不是正确的ng操作方式?

问题2: ul class=nav 之后用ng-repeat生成的li 居然无法拥有active的类,我想知道怎么样才能有active的类名,即点击则在当前li上加入active bs自动加 不需要在写一遍JS

问题3: ui-sref-active ui-sref 无效!

Answer 1

ui router

Answer 2

ui-router在使用时可以给ng-view命名的，所以在配置路由的时候可以指定某个路由在哪个ng-view加载，题主你这里没指定！