在 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 是一款十分流行且好用的 Web 前端框架,目前由 Google 维护。这个条目收录的是 Angular 2 及其后面的版本。由于官方已将 Angular 2 和之前的版本 Angular.js 分开维护(两者的 GitHub 地址和项目主页皆不相同),所以就有了这个页面。传送门:Angular.js 特性 跨平台 渐进式 Web 应用 借助现代化 Web 平台的力量,交付 app 式体验。高性能、离线化、零安装。 原生 借助来自 Ionic、NativeScript 和 React Native 的技术与思想,构建原生移动应用。 桌面 借助你已经在 Web 开发学过的能力,结合访问原生操作系统 API 的能力,创造能在桌面环境下安装的应用,横跨 Mac、Windows 和 Linux 平台。 速度与性能 代码生成 Angular 会把你的模板转换成代码,针对现代 JavaScript 虚拟机进行高度优化,轻松获得框架提供的高生产率,同时又能保留所有手写代码的优点。 统一 在服务端渲染应用的首屏,像只有 HTML 和 CSS 的页面那样几乎瞬间展现,支持 node.js、.NET、PHP,以及其它服务器,为通过 SEO 来优化站点铺平了道路。 代码拆分 Angular 应用通过新的组件路由(Component Router)模块实现快速加载,提供了自动拆分代码的功能,为用户单独加载它们请求的视图需要的那部分代码。 生产率 模板 通过简单而强大的模板语法,快速创建 UI 视图。 Angular 命令行工具 命令行工具:快速进入构建环节、添加组件和测试,然后立即部署。 各种 IDE 在常用 IDE 和编辑器获得智能代码补全、实时错误反馈及其它反馈等特性。 完整开发故事 测试 使用 Karma 进行单元测试,让你在每次存盘时都能立即知道是否弄坏了什么。Protractor 则让你的场景测试运行得又快又稳定。 动画 通过 Angular 直观简便的 API 创建高性能复杂编排和动画时间线 —— 只要非常少的代码。 可访问性 通过支持 ARIA 的组件、开发者指南和内置的一体化测试基础设施,创建具有完备可访问性的应用。 标签:Angular
©️2020 CSDN 皮肤主题: 书香水墨 设计师:CSDN官方博客 返回首页