角路由器的问题 - 链接无法点击

我有一个简单的路由模块，然后一个模板，我有联系。 - 第一个环节不显示为可点击的链接，它显示为静态文本。角路由器的问题 - 链接无法点击

第二显示为链接，只是因为href。这是必需的吗？

APP-routing.module.ts：

import {NgModule} from '@angular/core'; 
import {RouterModule, Routes} from '@angular/router'; 
import {AppComponent} from "./app.component"; 
import {ListComponent} from "./list/list.component" 

const appRoutes: Routes = [ 
    {path: 'List', component: ListComponent}, 
    {path: 'Home', component: AppComponent} 
]; 

@NgModule({ 
    imports: [ 
     RouterModule.forRoot(appRoutes) 
    ], 
    exports: [ 
     RouterModule 
    ] 
}) 
export class AppRoutingModule {}

app.component.ts

import { Component } from '@angular/core'; 
import {RouterModule} from '@angular/router'; 
import { AppRoutingModule } from './app-routing.module'; 

@Component({ 
    moduleId: module.id, 
    selector: 'my-app', 
    templateUrl: './app.component.html' 
}) 
export class AppComponent { 
}

app.component.html

<a routerLink="/List" routerLinkActive="active">List</a> | 
    <a href="./list/list.component.html" routerlink="/List" routerLinkActive="active">List</a> 

<router-outlet></router-outlet>

来源

2017-03-28 Jay

首先是不需要href，第二个应该是routerLink没有routerlink。

尝试在你的链接使用下端盖

为什么需要两个链接指向同样的事情

来源

2017-03-29 13:55:28 phacic

我添加了在href行只是为了测试目的，以表明HREF使链接点击。使用routerLink和下盖链接没有工作。它看起来像组件未读取路由器模块，或一些从属方面没有被加载，这是防止为被呈现为一个可点击的链接。 – Jay

角路由器的问题 - 链接无法点击

回答

相关问题