routerlink不能在angular2中工作

-1

我已經檢查了所有的教程，沒有找到，我做錯了什麼。routerlink不能在angular2中工作

的AppModule：

import { BrowserModule } from '@angular/platform-browser'; 
import { NgModule } from '@angular/core'; 
import { FormsModule } from '@angular/forms'; 
import { HttpModule } from '@angular/http'; 

import { AppComponent } from './app.component'; 
import {BlogComponent} from './blog/blog.component'; 
import { PortfolioComponent } from './portfolio/portfolio.component'; 
import { NavbarComponent } from './shared/navbar/navbar.component'; 
import {TimelineComponent} from './timeline/timeline.component'; 
import {HomeComponent} from './home/home.component'; 

import { routing} from './app.routing'; 

@NgModule({ 
    declarations: [ 
    AppComponent, 
    PortfolioComponent, 
    NavbarComponent, 
    BlogComponent, 
    TimelineComponent, 
    HomeComponent 
    ], 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    HttpModule, 
    routing 
    ], 
    providers: [], 
    bootstrap: [ 
    AppComponent 
    ] 
}) 
export class AppModule { } 
</i> 

Navigation Bar 
<i> 
<div id="navbar" class="collapse navbar-collapse"> 
     <ul class="nav navbar-nav"> 
     <li><a routerlink="/portfolio">Portfolio</a></li> 
     <li><a routerlink="/timeline">Timeline</a></li> 
     <li><a routerlink="/blog">Blog</a></li> 
     </ul> 
     <ul class="nav navbar-nav navbar-right"> 
     <li><a href="#contact">Professionals</a></li> 
     <li><a href="#contact">Students</a></li> 
     </ul> 
    </div> 
</i> 

NGModule : 
<i> 
import { BrowserModule } from '@angular/platform-browser'; 
import { NgModule } from '@angular/core'; 
import { FormsModule } from '@angular/forms'; 
i 

import { routing} from './app.routing'; 

@NgModule({ 

    imports: [ 
    BrowserModule, 
    FormsModule, 
    HttpModule, 
    routing 
    ], 
    providers: [], 
    bootstrap: [ 
    AppComponent 
    ] 
})

請查看上面的代碼，請ANF幫我找到爲什麼routerlink沒有工作呢。

來源

2016-12-27 Ankit Singh

有什麼錯誤？你的路線在哪裏？ – Milad

不確定您粘貼的代碼是否正確排序，但我可以看到2個錯誤。

首先，您要設置routerlink屬性而不是routerLink，請注意區分大小寫。第二，我敢肯定你不會將模塊中的RouterModule與相關組件導入，請確保你這樣做，以便你首先訪問routerLink指令。

來源

2016-12-27 22:58:55 Amit

您顯示的代碼是正確的。

我認爲你的問題是你沒有導入RouterModule（這是聲明組件的地方）到使用這個模板的模塊中。

聲明與此模板組件添加模塊中

：

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

然後將其添加到您的模塊，例如進口

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

來源

2017-02-16 09:45:01 Shmulik

與routerLink錨標籤必須在同一個地方去標籤路由器出口

來源

2017-06-11 11:55:45 hoheckell

routerlink不能在angular2中工作

回答

相關問題