javascript - Metro UI CSS: class="active" 効果を達成するには?

Question

ブートストラップには、ユーザーがどのページにいるかを示すためにメニュー要素に適用する素敵な css クラス「アクティブ」があります。

メトロUIでも同じように動作すると思いますが、間違っていました

<ul class="app-bar-menu" data-bind="foreach: router.navigationModel">
   <li data-bind="css: { active: isActive }">
      <a data-bind="attr: { href: hash }, text: title"></a>
   </li>
</ul>

上記のコード (Durandal のルーターを使用) では、これらのバインディングを使用せずにクラスを明示的に設定しても、メニュー項目が目立ちません。

appbar または水平メニューの Metro UI CSS に同様のメカニズムはありますか? そうでない場合、どうすれば達成できますか？

編集 class="active" は下位レベルのメニュー項目で正常に機能することがわかりましたが、最上位レベルはどうですか?