Question

我有一个简单的路由模块，然后是一个模板，我有链接。 - 第一个链接不显示为可点击链接，它显示为静态文本。

第二个显示为链接，仅因为href。这需要吗？

应用-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>

Answer 1

首先，href不是必需的，第二个应该是routerLink而不是routerlink。

尝试在链接中使用较低的上限

为什么你需要两个链接指向相同的东西

角度路由器问题 - 链接不可点击

1 个答案: