在Angular 7.x.x中,你可以使用routerLink
来进行重定向。下面是一个使用routerLink
进行重定向的示例代码:
首先,在你的组件模板中,使用routerLink
属性来定义重定向的路径。例如:
Go to Home
上述代码将创建一个链接,当用户点击它时,将导航到路径/home
。
然后,在你的路由配置文件中,设置对应的路由。例如:
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { HomeComponent } from './home.component';
const routes: Routes = [
{ path: 'home', component: HomeComponent },
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
上述代码将创建一个名为home
的路由,它将导航到HomeComponent
组件。
最后,确保导入AppRoutingModule
模块,并将其添加到你的应用程序的imports
数组中。
这样,当用户点击链接时,Angular将使用routerLink
指定的路径进行导航,并加载相应的组件。