Ember.js 在引导导航上设置活动类

我正在使用.nav创建一个ui元素，在我的应用程序中选择路线，如下所示：

<ul class="nav nav-pills">
    {{#each item in model}}
        <li class="dropdown">
            <a class="dropdown-toggle" href="#" data-toggle="dropdown">
                {{item.name}}<b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
                {{#each child in item.children}}
                    <li>{{#link-to 'child' item child}}{{child.name}}{{/link-to}}</li>
                {{/each}}
            </ul>
        </li>
    {{/each}}
</ul>

它工作得很好，但我一时想不出如何让li.dropdown具有.active。我尝试过使用linktohelper并将其设置为父路由，但这似乎不起作用

---

有什么办法可以让它发挥作用吗？

发布这篇文章后，我突然意识到我已经使用item.index路径作为我用于li.dropdown的链接。我把它改成了正品，现在效果很好

总结如下：

<ul class="nav nav-pills">
    {{#each item in model}}
        {{#link-to 'item' item tagName='li' classNames="dropdown"}}
            <a class="dropdown-toggle" href="#" data-toggle="dropdown">
                {{item.name}}<b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
                {{#each child in item.children}}
                    <li>{{#link-to 'child' item child}}{{child.name}}{{/link-to}}</li>
                {{/each}}
            </ul>
        {{#link-to}}
    {{/each}}
</ul>