2017-09-22 4 views
2

.html 파일에서 routerLink를 사용하는 방법은 무엇입니까? 아래 코드를 사용했지만 작동하지 않습니다. 내가 templateUrl: 'index.html'을 언급 한 app.component.ts에서각도 2의 HTML 파일에서 routerLink를 사용하는 방법은 무엇입니까?

<div `enter code here`class="container"> 
<header class="page-header"> 
    <ul class="nav nav-pills"> 
    <li routerLinkActive="active"> 
     <a [routerLink]="['/register']">Register<`/a> 
    </li> 
    <li routerLinkActive="active"> 
     <a [routerLink]="['/login']">Login</a> 
    </li>   
    </ul> 
</header> 

<p class="jumbotron"> 
    <router-outlet><router-outlet> 
</p> 

. Official Angular Docs에서

+0

동적 경로를 사용하고 있습니까 ??? 원인' Register <'/ a' –

답변

6
+0

예. 가져 왔습니다. 코드가 작동하지 않습니다 ... app.component.ts에 동일한 코드를 추가하면 제대로 작동하지만 ... 코드를 추가하고 싶지 않습니다. – ShailendraRPhadke

+0

@ShailendraRPhadke'app.component.ts에 동일한 코드를 추가하면 잘 작동합니다. '... 잘 작동한다면 그 다음 다른 곳에 넣으 려하지 않으면 가져 오기와 관련이 있습니다./설정. –

+0

app.module.ts, & RouterModule.forRoot ([ {경로 : '등록', 구성 요소 : RegisterComponet}, {경로 : '로그인', 구성 요소 : LoginComponent} ]에서 로그인 및 등록 구성 요소를 등록했습니다. ? – ShailendraRPhadke