1

選択したナビゲーション要素を強調表示したいので、次のようにナビゲーションバーのliに属性をバインドしました。

<li {{bindAttr class="isHome:active"}}>{{#linkTo 'home'}}Home{{/linkTo}}</li>

属性は正しく評価され、適切なクラスが追加されますが、liには追加されません。代わりに、aに追加され、次のようになります。

<li class="" data-bindattr-1="1"><a id="ember237" class="ember-view active" href="#/home">Home</a></li>

マークアップに何か問題がありますか、それともバグですか？！

4

1 に答える 1

3

ここでは、次の 2 つのことが起こっています。

  1. プロパティがあなたisHomeに適用されていませんli
  2. {{linkTo}}ヘルパーは、偶然にも、リンク先のルートがアクティブなときにリンクにクラスを追加しactiveます。

activeこれは、クラスが動いていると思わせます。isHomeプロパティのログを ( 経由で{{log isHome}}) 試して、期待どおりであるかどうかを確認できます。

于 2013-01-14T07:56:19.760 に答える