我无法使用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>
而且这不是一个链接(不点击)
'AppComponent'是'NavbarComponent'?如果没有 - 它缺少你的'routing'文件。 –
你是什么意思“不能使用RouterLink与HomeComponent”?你有错误或类似的东西? – mickdev
'Find Out More'不会被识别为链接。 'NavbarComponent'只是一个导航栏,它不是一个渲染站点,所以我没有访问'RoutingModel'。 'NavbarComponent'使用'RoutingModel',但'RoutingModel'不使用'NavbarComponent'。这是错误的逻辑吗?我是新来的角,但它工作正常,直到我添加'HomeComponent'使用'RouterLink' –