📅  最后修改于: 2023-12-03 15:09:18.296000             🧑  作者: Mango
router-outlet
是 Angular 路由器的一个指令,它在路由导航到一个组件时用于展示组件内容的占位符。如果您要验证 router-outlet
是否是应用程序的一部分,您可以在 Angular 模块中查找是否引用了 RouterModule
,因为 RouterModule
是 Angular 路由器的主要模块。
以下是如何在 Angular 模块中验证 RouterModule
是否被引用:
确定您要验证的模块。您可以打开该模块的 TypeScript 文件,通常文件名以 .module.ts
结尾。
在模块文件顶部,查找是否有对 RouterModule
的引用:
import { RouterModule } from '@angular/router';
如果找到了这个引用,则 router-outlet
是否是模块的一部分。
如果没有找到上述引用,则该模块没有使用 RouterModule
,因此 router-outlet
不是该模块的一部分。
提示: 请记住,
@angular/router
库提供了路由器模块、指令、服务和其他相关类,因此它是使用router-outlet
的必备库。
这是一个示例模块文件,其中包含了 RouterModule
的引用,并且因此 router-outlet
是该模块的一部分:
import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { HomeComponent } from './home.component';
import { AboutComponent } from './about.component';
@NgModule({
imports: [
RouterModule.forRoot([
{ path: '', component: HomeComponent },
{ path: 'about', component: AboutComponent }
])
],
exports: [ RouterModule ]
})
export class AppRoutingModule { }
总之,从模块文件中的导入语句可以验证 router-outlet
是否是该模块的一部分。