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，它向我显示导航栏中的链接的 View 正在转换为两次。

如何使用 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}}

所以事件不会被传播。