当前位置:  首页>> 技术小册>> AngularJS面试指南

答案:

路由器(Router)是Angular中一个非常重要的概念,它是用于管理导航的框架。Angular的路由器是一个JavaScript对象,它可以根据URL路径来决定哪个组件需要显示在屏幕上。

路由器的主要作用是根据URL路径来决定显示哪个组件。当用户点击一个链接或输入一个URL时,路由器会查找与该URL路径匹配的路由,并显示该路由对应的组件。路由器还可以让你在不刷新整个页面的情况下,动态地改变URL和显示内容。

在Angular中,路由器可以通过RouterModule模块进行配置。你可以在应用程序的根模块中导入RouterModule,并使用forRoot方法来配置应用程序的路由器。示例:

  1. import { NgModule } from '@angular/core';
  2. import { RouterModule, Routes } from '@angular/router';
  3. import { HomeComponent } from './home.component';
  4. import { AboutComponent } from './about.component';
  5. const routes: Routes = [
  6. { path: '', component: HomeComponent },
  7. { path: 'about', component: AboutComponent },
  8. ];
  9. @NgModule({
  10. imports: [RouterModule.forRoot(routes)],
  11. exports: [RouterModule]
  12. })
  13. export class AppRoutingModule { }

在上面的例子中,我们定义了两个路由,一个是空路由,指向HomeComponent组件,另一个是/about路由,指向AboutComponent组件。


该分类下的相关小册推荐: