angular UI-Router：子元素上的ui-sref-active

Question

如何为ui-sref类提供ui-sref-active锚的子元素？

我尝试在所有主播的菜单中执行此操作：

<a ui-sref="some.route">
    <h2 ui-sref-active="selected">CLICK HERE</h2>
</a>

但它不起作用。我是Angular的新手，所以有人可能会告诉我我做错了什么吗？

Answer 1

有a working plunker

正如文件中所述：

<强> ui-sref-active

  

...
  ui-sref-active可以与ui-sref 或父元素位于同一元素上。将使用在与ui-sref相同或更高级别发现的第一个ui-sref-active   ...

我们需要父（或当前）元素。所以这将有效：

<li ui-sref-active="selected">
    <a ui-sref="home">home</a></li>
<li ui-sref-active="selected">
    <a ui-sref="parent">parent</a></li>
<li  ui-sref-active="selected">
    <a ui-sref="parent.child">parent.child</a></li>

在action here

中查看