Question

我无法使用HomeComponent使用RouterLink，但可以使用NavbarComponent访问它。我有相同的组件代码与2（从ng g component生成）具有不同的模板视图。 app.module.ts的代码在这里

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>

这不是链接（不可点击）

Answer 1

对不起我的不好，这与z-index有关，使得它无法作为链接点击。 RouterLink工作正常。

RouterLink处理NavbarComponent但不处理HomeComponent

1 个答案: