RouterLink çalışmıyor

Question

Angular2 uygulamalarındaki yönlendirme iyi çalışıyor. Ama this dayalı bazı routeLink yapacağım: Burada

benim yönlendirme: Burada

const routes: RouterConfig = [ 
    { path:'home' , component: FormComponent }, 
    { path:'about', component: AboutComponent }, 
    { path:'**' , component: FormComponent } 
]; 

Ve yapılan bağlantılar ise:

<ul class="nav navbar-nav item"> 
        <li> 
         <a routerLink='/home' routerLinkActive="active">Home</a> 
        </li> 
        <li> 
         <a routerLink='/about' routerLinkActive="active">About this</a> 
        </li> 
</ul> 

beklediğim zaman i üzerlerine tıklayın, saygı duyulan bileşene gider, ancak hiçbir şey yapmazlar mı?

<ul class="nav navbar-nav item"> 
    <li> 
     <a [routerLink]="['/home']" routerLinkActive="active">Home</a> 
    </li> 
    <li> 
     <a [routerLink]="['/about']" routerLinkActive="active">About this 
     </a> 
    </li> 
</ul> 

Kodun bu tutorial

Answer 1

okuyabilir: mroe bilgi için böyle

Answer 2

kullanımı bunu bu topic

<a [routerLink]="['/about']">About this</a> 

Answer 3

bağlantılar yanlış, bunu yapmak zorunda okumak Kesinlikle doğru olduğunu gösteriyorsun.

Sorununuzun, bu şablonu kullanan modülün içine RouterModule (RouterLink'in nerede olduğu bildirilir) almadığınızdan şüpheleniyorum.

Benzer bir sorunla karşılaştım ve bu adımın belgelerde belirtilemediği için çözülmesi biraz zaman aldı.

Yani bu şablonla bileşeni beyan modülünde gidip ekleyin: Sonra

import { RouterModule } from '@angular/router'; 

örneğin Modüllerinizin ithalatı eklemek O routerLink gösterilmesini için de böylece HTML işaretlemesi yere yerleştirilmesi gerekir, böylece doğru içe aktarma ifadelerini olan birlikte

@NgModule({ 
    imports: [ 
    CommonModule, 
    RouterModule 
    ], 
    declarations: [MyTemplatesComponent] 
}) 
export class MyTemplatesModule { } 

, ayrıca, <router-outlet></router-outlet> eleman olan bir yer gerekir yönlendirici, bu verinin nerede görüntüleneceğini bilir.

Answer 4

olarak aşağıdaki bağlantıları değiştirmeyi deneyin:

Ayrıca

<ul class="nav navbar-nav item"> 
    <li> 
     <a [routerLink]="['/home']" routerLinkActive="active">Home</a> 
    </li> 
    <li> 
     <a [routerLink]="['/about']" routerLinkActive="active">About this</a> 
    </li> 
    </ul> 

eklemek index.html başlığında şu:

<base href="/">

Answer 5

bu aşağıda bu eklemeyi unutmayın Şablonunuz:

<router-outlet></router-outlet>