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 render.

<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-индексом, который делает его не кликабельным как ссылка. RouterLink отлично работает.

источник

2017-02-12 01:14:38

RouterLink работает на NavbarComponent, но не работает на HomeComponent

ответ

Смежные вопросы