4

ここで、Twitter Bootstrap の navbar を Ember と Handlebars で使用して、<li>自動的に「アクティブ」クラスを取得するという投稿を見つけました。これを行うことができます。

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

動作しますが、Ember の LOG_TRANSITIONS を有効にしたところ、ナビゲーション バーのリンクに対してビューが 2 回遷移していることがわかります。

ハンドルバーを使用してナビゲーション バー リストを正しくレンダリングし、この二重読み込みを回避するにはどうすればよいですか?

4

1 に答える 1

11

問題は、link-toルートdashboardに 2 つあることです。

次の 2 つのオプションがあります。

liタグ内だけで link-to を使用します。

{{#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}}

したがって、イベントは伝播されません。

于 2013-10-27T20:47:53.837 に答える