要使用Angular的路由链接和CTRL+点击/鼠标中键点击功能,可以按照以下步骤进行设置:
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { HomeComponent } from './home.component';
import { AboutComponent } from './about.component';
const routes: Routes = [
{ path: '', component: HomeComponent },
{ path: 'about', component: AboutComponent }
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
Home
About
import { Component } from '@angular/core';
import { Router } from '@angular/router';
@Component({
selector: 'app-home',
template: `
Home Component
`
})
export class HomeComponent {
constructor(private router: Router) { }
goToAbout() {
this.router.navigate(['/about']);
}
}
通过以上步骤设置后,你可以在浏览器中使用CTRL+点击/鼠标中键点击路由链接来导航到不同的路由。
上一篇:Angular路由链接的停用
下一篇:Angular路由链接激活