在 Angular 项目中,如何为项目单独创建路由文件?

Posted 张子溪

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在 Angular 项目中,如何为项目单独创建路由文件?相关的知识,希望对你有一定的参考价值。

使用 Angular Cli 创建一个项目时,如果不加任何的后缀参数,那么生成的项目默认是没有路由模块的。那么,如何让创建的 Angular 项目有路由模块/路由文件呢?

两个办法:

1 在最开始创建项目的时候,带上参数:

--routing=true|false

2 如果已经创建好了项目,不想删除已有项目,重新创建项目的话,使用生成 module 的命令来创建路由文件,不过要加上一些参数:

ng generate module app-routing --flat --module=app

其中:--flat 表示将生成的文件放到项目的顶层,而不是单独创建一个目录;—module=app 是告诉 CLI 把创建的这个路由文件注册到 AppModule 根模块中,即将路由文件的类的名字放到 AppModule 的 imports 数组中。

参考:https://www.jianshu.com/p/7619ab2cadd7

https://angular.cn/cli/generate#module

以上是关于在 Angular 项目中,如何为项目单独创建路由文件?的主要内容,如果未能解决你的问题,请参考以下文章

Angular 项目:如何为现有组件树中的每个组件添加模块?

如何为 Angular 6 项目全局添加自定义 CSS 文件

在 VSCode 中,如何为没有 package.json 的项目启用 Angular/Backbone/jQuery 智能感知?

(Swift) 如何为单独的 iCarousels 分配特定数量的项目?

是:如何为is创建单独的.babelrc文件

如何为 Angular 7 项目设置 sonarqube