答案:
路由器(Router)是Angular中一个非常重要的概念,它是用于管理导航的框架。Angular的路由器是一个JavaScript对象,它可以根据URL路径来决定哪个组件需要显示在屏幕上。
路由器的主要作用是根据URL路径来决定显示哪个组件。当用户点击一个链接或输入一个URL时,路由器会查找与该URL路径匹配的路由,并显示该路由对应的组件。路由器还可以让你在不刷新整个页面的情况下,动态地改变URL和显示内容。
在Angular中,路由器可以通过RouterModule模块进行配置。你可以在应用程序的根模块中导入RouterModule,并使用forRoot方法来配置应用程序的路由器。示例:
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 { }
在上面的例子中,我们定义了两个路由,一个是空路由,指向HomeComponent组件,另一个是/about路由,指向AboutComponent组件。