twitter-bootstrap – Handlebars链接到Helst与Bootstrap导航栏

发布时间：2020-12-17 20:40:01 所属栏目：安全来源：网络整理

导读：我在这里发现了一个帖子,为了使用Twitter Bootstrap的导航栏和Ember和Handlebars,所以 li自动获得’主动’课程,我可以这样做： {{#link-to 'dashboard' tagName="li" href=false}} {{#link-to 'dashboard'}} Dashboard {{/link-to}} {{/link-to}} 然而,它工

我在这里发现了一个帖子,为了使用Twitter Bootstrap的导航栏和Ember和Handlebars,所以< li>自动获得’主动’课程,我可以这样做：

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

然而,它工作正常,我刚刚启用了Ember的LOG_TRANSITIONS,它向我显示导航栏中的链接的视图转换为两次.

如何使用Handlebars正确渲染导航栏列表并避免此双重加载？

解决方法

问题是您有两个用于仪表板路由的链接.

您有两种选择：

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

所以事件不会传播.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!