手把手教你使用Angular之路由与导航

最新推荐文章于 2024-02-20 04:45:00 发布

Tylili.

最新推荐文章于 2024-02-20 04:45:00 发布

阅读量1.9k

点赞数

分类专栏： Angular 文章标签： Angular Angular路由

本文链接：https://blog.csdn.net/Hydrop/article/details/82630200

版权

本文详细介绍了Angular中的路由和导航，包括Route对象的配置，如重定向、子路由、路由传参和数据，以及路由守卫的使用。在导航部分，讨论了路由链接、编程式导航、参数获取和路由插槽的运用，帮助读者掌握Angular应用中的视图切换和数据传递。

摘要由CSDN通过智能技术生成

原文转自：轻样知生 - 手把手教你使用Angular之路由与导航 - Tylili

一、路由

任何路由必须通过路由模块进行注册，然后才能使用。具体代码如下：

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';

const userRoutes: Routes = [
  {path: '', redirectTo: '/index', pathMatch: 'full'},
  {path: 'hello/:id', component: HelloComponent}
  {path: 'world', component: WorldComponent, canActivate: [RouterGuard]},
  {
	path: 'sign',
	component: HelloComponent,
	children: [
            { path: 'sign-in', component: SignInComponent, data: {isAuth: false} },
        ]

最低0.47元/天解锁文章

Tylili.

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
手把手教你使用Angular之路由与导航

原文转自：轻样知生 - 手把手教你使用Angular之路由与导航 - Tylili一、路由任何路由必须通过路由模块进行注册，然后才能使用。具体代码如下：import { NgModule } from '@angular/core';import { RouterModule, Routes } from '@angular/router';const userRoutes...
复制链接

扫一扫

专栏目录