twitter-bootstrap - 如何在 ember.js 中设置事件菜单栏项

Question

我有一个带有 Bootstrap 菜单栏的 ember 应用程序。默认情况下，主页按钮呈现为事件选项并且是蓝色的。如何根据选择的链接更改事件选项？

<ul class="nav nav-pills nav-stacked" style="max-width: 300px;">
      <li class="active">
      <a href="#"{{#link-to "index"}}<span class="glyphicon glyphicon-home"></span> &nbsp &nbsp Home {{/link-to}}</a>
      </li>    
      <li>
      <a href="#"{{#link-to "settings"}}<span class="glyphicon glyphicon-wrench"></span> &nbsp &nbsp Settings {{/link-to}}</a>
      </li>
      <li>
      <a href="#"<span class="glyphicon glyphicon-arrow-right"></span>  Logout</a>
      </li>
</ul>

编辑:根据 http://emberjs.com/guides/routing/defining-your-routes/ link-to 助手应该自动处理这个

编辑:我尝试过以下方法-

<ul class="nav">
    {{#linkTo 'index' tagName="li"}}Home{{/linkTo}}
    {{#linkTo 'settings' tagName="li"}}Settings{{/linkTo}}
  </ul>

因为根据上面的ember页面链接，tagName属性负责分配事件类，但对我不起作用。

Answer 1

解决方案其实很简单。 只需将您常用的链接包装到另一个链接到 tagName="li"。

<ul class="nav">
    {{#link-to 'index' tagName="li"}}
        {{#link-to 'index'}}
            Home
        {{/link-to}}
    {{/link-to}}
    {{#link-to 'settings' tagName="li"}}
        {{#link-to 'settings'}}
            Settings
        {{/link-to}}
    {{/link-to}}
</ul>