RouterLink正在NavbarComponent上工作，但未在HomeComponent上工作

我無法使用RouterLink與HomeComponent，但可通過NavbarComponent訪問它。我有與2（從ng g component生成）具有不同的模板視圖相同的組件代碼。代碼app.module.ts在這裏RouterLink正在NavbarComponent上工作，但未在HomeComponent上工作

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

import { RoutingModule } from './routing.module'; 

import { AppComponent } from './app.component'; 
import { NavbarComponent } from './navbar/navbar.component'; 
import { HomeComponent } from './home/home.component'; 

@NgModule({ 
    declarations: [ 
    AppComponent, 
    NavbarComponent, 
    HomeComponent 
    ], 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    HttpModule, 
    RoutingModule 
    ], 
    providers: [], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { }

而且我RoutingModule

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

import { AppComponent } from './app.component'; 
import { HomeComponent } from './home/home.component'; 

const router = [ 
    { path: '', component: HomeComponent}, 
    { path: 'about', component: AboutComponent} 
]; 

@NgModule({ 
    imports: [ RouterModule.forRoot(router) ], 
    exports: [ RouterModule ] 
}) 

export class RoutingModule { }

有什麼事情做錯了什麼？還是因爲組件本身？這裏是我的HomeComponent組件代碼，它與NavbarComponent完全相同，但名稱不同。

import { Component, OnInit } from '@angular/core'; 

@Component({ 
    selector: 'app-home', 
    templateUrl: './home.component.html', 
    styleUrls: ['./home.component.css'] 
}) 
export class HomeComponent implements OnInit { 

    constructor() { } 

    ngOnInit() { 
    } 

}

編輯：這是Angular2渲染線。

<a _ngcontent-myo-3="" class="btn btn-primary btn-xl" routerlink="about" ng-reflect-router-link="about" ng-reflect-href="/about" href="/about">Find Out More</a>

這是我在後端：

<a routerLink="about" class="btn btn-primary btn-xl">Find Out More</a>

而且這不是一個鏈接（不點擊）

來源

2017-02-11 Duc Truong

'AppComponent'是'NavbarComponent'？如果沒有 - 它缺少你的'routing'文件。 –

你是什麼意思「不能使用RouterLink與HomeComponent」？你有錯誤或類似的東西？ – mickdev

'Find Out More'不會被識別爲鏈接。 'NavbarComponent'只是一個導航欄，它不是一個渲染站點，所以我沒有訪問'RoutingModel'。 'NavbarComponent'使用'RoutingModel'，但'RoutingModel'不使用'NavbarComponent'。這是錯誤的邏輯嗎？我是新來的角，但它工作正常，直到我添加'HomeComponent'使用'RouterLink' –

對不起我的壞，這是事做z-index使得它不可點擊作爲鏈接。 RouterLink正常工作。

來源

2017-02-12 01:14:38

RouterLink正在NavbarComponent上工作，但未在HomeComponent上工作

回答

相關問題