Angular 5路由:空路径内的空路径
创始人
2024-10-15 22:31:35
0

在Angular 5中,可以使用空路径内的空路径来定义路由。以下是一个示例解决方法:

首先,在你的路由模块中定义一个空路径的路由,它会重定向到一个空组件。在这个空组件中,你可以添加任何你想要展示的内容。

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

import { HomeComponent } from './home.component';
import { EmptyComponent } from './empty.component';

const routes: Routes = [
  { path: '', redirectTo: 'home', pathMatch: 'full' },
  { path: 'home', component: HomeComponent },
  { path: '**', component: EmptyComponent },
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

接下来,创建一个空组件,可以命名为empty.component.ts,并在其中添加你想要展示的内容。

import { Component } from '@angular/core';

@Component({
  template: '

Empty Component

' }) export class EmptyComponent { }

在你的应用的模板文件中,通过router-outlet指令来展示路由组件。


这样,当你访问空路径时,会重定向到home路径,并展示HomeComponent。而当你访问其他不存在的路径时,会展示EmptyComponent

相关内容

热门资讯

wejoker辅助器要钱玩吗!... wejoker辅助器要钱玩吗!线上德州的辅助器是什么(透视)软件-果然解迷有挂线上德州的辅助器是什么...
透视关于!wepoker透视有... 透视关于!wepoker透视有用吗(透视)wpk可以透视吗,教程窍门(有挂教学)-哔哩哔哩1、完成w...
aapoker真的假的!wep... aapoker真的假的!wepoker透视脚本下载(透视)挂-竟然详细存在有挂wepoker透视脚本...
透视关于!xpoker透视辅助... 透视关于!xpoker透视辅助(透视)约局吧德州透视,教程教程书(有挂规律)-哔哩哔哩约局吧德州透视...
hhpoker软件靠谱吗!we... hhpoker软件靠谱吗!wepoker私人局开挂视频(透视)教程-一直推荐是真的挂亲,关键说明,w...
透视关于!aapoker辅助工... 透视关于!aapoker辅助工具安全吗(透视)werplan辅助软件,教程绝活儿(确实有挂)-哔哩哔...
德普之星辅助工具如何设置!we... 德普之星辅助工具如何设置!wepoker轻量版书签(透视)工具-一直教你真的有挂德普之星辅助工具如何...
wepoker怎么拿到好牌!w... wepoker怎么拿到好牌!wepokerplus透视脚本免费(透视)插件-确实解谜有挂1、超多福利...
透视专业!wepoker好友局... 透视专业!wepoker好友局透视(透视)wepoker透视最简单三个步骤,教程项目(有挂技术)-哔...
德普之星app安卓版破解版!w... 德普之星app安卓版破解版!we poker游戏下(透视)插件-竟然有挂有挂1、玩家可以在德普之星a...