twitter-bootstrap - Handlebars 使用 Bootstrap 导航栏链接到帮助程序

Question

我在这里找到了一篇文章，说为了将 Twitter Bootstrap 的导航栏与 Ember 和 Handlebars 一起使用，以便<li>自动获得“活动”类，我可以这样做：

    {{#link-to 'dashboard' tagName="li" href=false}}
        {{#link-to 'dashboard'}}
            Dashboard
        {{/link-to}}
    {{/link-to}}

它可以工作，但是，我刚刚启用了 Ember 的 LOG_TRANSITIONS，它向我显示导航栏中的链接的视图正在转换为两次。

如何使用 Handlebars 正确呈现导航栏列表并避免这种双重加载？

Answer 1

问题是你有两个link-to路由dashboard。

你有两个选择：

使用li标签中的链接：

{{#link-to 'dashboard' tagName="li" href=false}}
    <a href="#">Dashboard</a>
{{/link-to}}

bubbles=false在内部链接中使用：

{{#link-to 'dashboard' tagName="li" href=false}}
    {{#link-to 'dashboard' bubbles=false}}
        Dashboard
    {{/link-to}}
{{/link-to}}

所以事件不会被传播。