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> 

하나의 옵션은 라우터 내 app.ts의 /의 JS 구성하고이 같은 메뉴 항목을 얻을 수있는 라우터 개체를 사용하는 것입니다. 이 post

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

다른 방법은 당신이 원하는 각 앵커 요소 및 앵커 태그의 임의 사용에 대한 Click 기능에

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>