Aureliaでアンカー・クリックのルーティングを処理する方法

Question

以下のコードを持つナビゲーションバーがあります。アンカー要素をクリックすると、アプリケーションのURLに相対パスが追加されず、最終的にはルータが動作しなくなります。私はそれをどのように機能させるのですか？私が得た

<nav class="ui menu inverted navbar"> 
     <a href="\test1" class="brand item">Test1</a> 
     <a href="\test2" class="active item">Test2</a> 
     <a href="\register" class="item">Register</a> 
     <a href="\login" class="item aligned right">Login</a> 
    </nav> 

1つのオプションは、私のapp.tsの/のJSに設定されたルータを持っているし、このようなメニュー項目を取得するには、ルータのオブジェクトを使用することです。このあたりとしてpost

<nav> 
     <ul> 
     <li repeat.for = "row of router.navigation"> 
      <a href.bind = "row.href">${row.title}</a> 
     </li> 
     </ul> 
    </nav> 

及びその他の方法は、各アンカー要素の上に、あなたがしたいアンカータグのランダムな使用方法についてはをクリックして機能上の

Answer 1

からのモデルの復帰this.router.navigate("specific path like \login or \register")でclick.delegateを使用することですaureliaルーターのルートを使用する場合は、次の形式を使用できます。

<a route-href="route:route-as-declared-in-router">Click Me!</a>