Angular 路由器将 URL 路径与定义的路由进行匹配,并将相关组件加载到路由器出口中。路由器出口充当占位符,其中显示当前选定组件的内容。 Angular 路由由几个关键组件组成,它们的导航。这些组件包括: 成分 描述 路由器模块 为路由提供必要的指令和服务。 航线 这些是应用程序中定义的单独路由。
每条路由都有一个链接到组件的路径。 路由器出口 这是一个指令,用德国电报放映于定义路由组件在应用程序中的显示位置。它位于应用程序组件中。 RouterLink 它用于定义触发应用程序内路由的链接。 路由器 提供在应用程序路由之间导航的方法。 激活路线 这是一项提供有关当前激活路线的信息的服务。 路由模块 开发人员可以使用路由模块模块化应用程序中的路由配置。
要创建路由器模块,您可以使用 Angular CLI 生成带有路由标志的新模块。 以下命令用于生成新模块。 ng 生成模块 app-routing --routing 创建路由模块后,您需要将其导入到应用模块中。接下来,您必须通过创建路由数组来定义应用程序的路由。路由数组中的每个路由对象都定义了一个路径和一个要呈现的组件。 一旦定义了路由,您现在必须通过调用 RouterModule 的 forRoot() 方法来配置路由。