경로 4를 호출하는 각도 함수

내 각도 웹 응용 프로그램의 메뉴를 통해 라우팅 설정이 있습니다.경로 4를 호출하는 각도 함수

이

<a routerLink="home"> 
      <button md-menu-item> 
       <md-icon class="material-icons"> home </md-icon> 
       <span> Home </span> 
      </button> 
     </a>

app.router 포함 : 아닙니다 그

export const router: Routes = [ 
    { path: '', redirectTo: 'home', pathMatch: 'full'}, 
    { path: 'home', component: HomeComponent }, 
];

내가 문의 양식으로 리디렉션 구성 요소에서 버튼이 원하는 메뉴는 routerLinks 아래의 홈 링크와 같이 설정 한 일반 메뉴에서 사용할 수 있지만 구성 요소의 버튼에 링크를 배치해도 작동하지 않는 것 같습니다. 왜 이런거야?

내가 할 수있는 이상적인 방법은 경로를 호출 한 구성 요소의 html 요소에 함수를 배치하는 것입니다. 이것이 가능합니까?

출처

2017-09-04 Davtho1983

정확하게 이해한다면 예일 수도 있습니다.

그냥 구성 요소 생성자에 라우터를 추가

constructor(private router: Router) {}

을 그리고 당신은 예를 들어, 버튼을 클릭 한 후 호출되는 함수의 라우터 클래스에서 기능을 탐색 호출 할 수 있습니다

this.router.navigate(['home']);

또 다른 방법은 [routerLink]를 html 태그에 넣는 것입니다.

<a [routerLink]="['/home']">Go To Home</a>

이 옵션을 선택합니다 :

https://angular.io/guide/router

https://angular.io/api/router/Router

출처

2017-09-05 05:40:03 porgo

다음은 linkway가 잘 작동하지만, 내가 첫 번째 방법을 이해하기 원합니다. 탐색을 사용할 수 없다는 오류가 표시됩니다. 그런 다음 라우터를 가져 오지만 내 app.router는 Routes 및 RouterModule 만 가져옵니다.이 방법이 있습니까? – Davtho1983

@ Davtho1983이 오류를 게시 할 수 있습니까? – porgo

좋아, 기괴하게, 두 가지 방법이 모두 작동하고있는 것처럼 보입니다. 구문 오류가 있었음에 틀림 없습니다! 당신의 도움을 주셔서 감사합니다 :) – Davtho1983

경로 4를 호출하는 각도 함수

답변

관련 문제