199-关于新版Angular的module和routing

最新推荐文章于 2024-07-22 09:52:01 发布
最新推荐文章于 2024-07-22 09:52:01 发布
阅读量592 收藏 11
点赞数 9
文章标签： angular.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33781658/article/details/135199839
版权
文章讨论了框架配置更改导致的开发问题，强调了框架团队在版本升级时应做好适配和文档更新，以减少开发者在使用旧版和新版时遇到的困扰。作者提到Angular项目中，新版本减少了冗余配置，但可能导致初学者困惑，因为实际上是创建项目的配置而非文件结构变化。
摘要由CSDN通过智能技术生成

说一些很无聊的问题

这种问题只是关于一个框架的配置问题

和代码和技术都没什么关系

但是呢，当一个框架，他的配置发生改变的时候

那用旧版和新版开发就会有一些不同

这就很烦了

这其实是框架团队的错误

当框架配置发生改变的时候

他们应该做好适配

也要做好开发者的开发友好度

此外官方的docs也应该随之更新

不然就会出现这种问题

当我们用旧版本去创建angular项目的时候

不仅是自带routing和app.module

还有自带的environments

然后我们用新版本来创建angular项目

少了很多东西

项目变得更简洁了

但实际上不是项目初始文件发生了改变

是创建项目的配置不一样了

我们如果这样创建

ng new my-app --no-standalone --routing --ssr=false

那么就还是有

routing和app-module

再看src

好吧

Lich Howger
关注
  • 9
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
angular新版本未生成app.module.ts
hb_zxl的专栏
12-05 3171
查看目录，未生成app.module.ts。
Angular——命令
前端的路上
11-27 196
一、新建项目 运行CLI命令ng new并提供名称angular-tour-of-heroes，如下所示： ng new angular-tour-of-heroes 转到工作空间目录并启动应用程序。 cd angular-tour-of-heroes ng serve --open 该ng serve命令将构建应用程序，启动开发服务器，监视源文件，并在对这些文件进行更改时重新...
Angular学习第二天--问题记录
m0_57469571的博客
01-08 555
1. 缺少 app.modules.ts 文件； 2. main.ts:6 ERROR Error: NG01352: If ngModel is used within a form tag, either the name attribute must be set or the form control must be defined as 'standalone' in ngModelOptions.
Angular项目app下缺少 app.module.ts
jiangnianwangluo的博客
03-14 1749
现在，使用Angular CLI创建新项目时，默认生成的是独立应用，这意味着不再自动创建`app.module.ts`文件，除非明确使用`--no-standalone`选项。这是一个重要的变化，因为`app.module.ts`是Angular项目中的核心文件，用于定义根模块，告诉Angular如何组装应用。命令来创建一个新的项目，这将会生成包含 app.module.ts和app-routing.module.ts的项目结构。是Angular CLI的命令，用于创建一个全新的Angular应用。
angular中的路由详解(3)—通过module和子路由来访问组件
城南蝈蝈
02-08 529
原文链接：这里 0.前言 接着上一篇继续讲。实际开发中，业务复杂时，访问的路由可能会比较复杂。比如你一个组件的功能下面还包含其他的子功能，那么你访问的路由可能是下面这个样子： /city/shandong /city/beijing /city/henan … … 这个时候，可以看出，每个具体的城市都在 /city/目录下，也就是说，每个具体的城市都在city目录下，这个时候就要使用module来创建了。 2.创建带路由的Module 使用下面的的指令创建一个带路由的Module。 ng g m [Modu
angular 开发项目经常用到的创建“模块、组件、路由”的命令
WGLoong的博客
03-16 2352
### 代表要创建的模块或组件的名字 1、使用ng g module ### --routing 创建一个带路由的模块。 2、使用ng g module ### 创建模块命令 3、使用ng new ### 创建项目命令 4、使用ng g component ### 创建组件命令 5、使用ng g service 创建服务命令 6、使用ng serve --open 启动服务 ...
routing-in-angular
04-02
您还可以使用ng generate directive|pipe|service|class|guard|interface|enum|module 。 建造 运行ng build来构建项目。 构建工件将存储在dist/目录中。 使用--prod标志进行生产构建。 运行单元测试 运行ng test以...
angular-routing-best-practices:角路由-企业应用最佳实践
05-17
先决条件对于上下文，本文假设您使用的是以下版本的Angular： Angular v7.2.6最佳实践1-创建顶级Routes阵列文件官方的为您的顶级路由创建完整的app-routing.module.ts 。 我发现在大多数情况下不需要额外的图层。 ...
Angular-Routing:用Angular布线
04-30
Angular路由是Angular框架中的核心特性，它用于管理应用的不同视图和导航状态。在本文中，我们将深入探讨如何使用Angular进行路由配置，以及它在实际项目中的应用。 首先，Angular路由是通过`@angular/router`模块...
angular-lesson-27-02-routing
03-09
您还可以使用ng generate directive|pipe|service|class|guard|interface|enum|module 。 建造 运行ng build来构建项目。 构建工件将存储在dist/目录中。 使用--prod标志进行生产构建。 运行单元测试 运行ng test以...
angular hero学习
hb_zxl的专栏
12-11 1386
打开 src/styles.css 并把下列代码添加到此文件中。双花括号语法是 Angular 的插值绑定语法。
angular路由
weixin_46218456的博客
02-10 714
前言 提示：此篇是关于angular路由学习的笔记，根据大地老师的课整理 以下是本篇文章正文内容 一、angular创建一个默认带路由的项目 1.命令行创建一个带路由的项目 ng new 项目名 --install-skip（routing——yes） cd到项目目录下 cnpm install 2.创建需要的组件 ng g component components/home 3.找到app-routing.module.ts配置路由 (1)引入组件 import { NewsComponent
angular 项目创建相关问题记录
anne0000的博客
04-19 182
1、生成项目 --no-standalone 解决src 根文件夹中生成 app.module.ts 问题。
angular环境搭建及创建项目
LSL3521的博客
03-28 725
Angular介绍 框架介绍 Angular是谷歌开发的一款开源的 web 前端框架（前端js框架），诞生于2000年，基于TypeScript，与React、Vue相比，angular更适合大中型企业级项目。 Angular 2.x 以后所有的版本用法几乎一样。 Angular 学习必备基础 html css js es6 环境搭建 1、安装前准备工作： 安装nodejs 安装 Angular 的计算机上必须安装稳定的 nodejs 版本 安装cnpm (不是必须安装) npm 可能
angular的自定义模块以及路由懒加载
litter_lj的博客
04-06 2525
1. 创建自定义模块 ng g module module/user --routing // 定义自定义模块指令，会创建user.module.ts(模块文件) 和 user-routing.module.ts(模块路由) // --routing表示需要路由，如果不需要就去掉 ----------------------- user.module.ts ------------...
angular6-Routing
盼盼盼的博客
03-26 1106
文章目录1.使用angular CLI生成AppRoutingModule 1.使用angular CLI生成AppRoutingModule ng generate module app-routing --flat --module=app –flat将文件放在src / app而不是新建的文件夹中。 –module = app告诉CLI将其注册到AppModule的imports数组中。...
Angular入门到精通系列教程（12）- 路由（Routing）
Jack @ CSDN
01-25 6959
文章目录1. 摘要2. 路由（Router）基本用法2.1. 准备2.2. 注册路由2.3. html中的用法2.4. ts 代码中的用法3. 接收参数3.1. 路径中的参数3.2. 参数（QueryParameter）中的参数4. URL路径显示格式5. 部署中遇到的问题6. 总结 1. 摘要 2. 路由（Router）基本用法 2.1. 准备 2.2. 注册路由 2.3. html中的用法 2.4. ts 代码中的用法 3. 接收参数 3.1. 路径中的参数 3.2. 参数（QueryPara
angular2.0定义单独的路由模块
沈斯明技术博客
12-15 3050
在/app目录新建一个文件，名叫app-routing.module.ts。路由模块将导入RouterModule令牌，并配置路由。 我们遵循文件名约定，并命名Angular模块为AppRoutingModule。 和app.module.ts中一样，导入CrisisListComponent和HeroListComponent组件。 然后在路由模块中导入Router和路由配置（Ro
AngularJS 事件
最新发布
07-22 454
在 AngularJS 中，事件是视图（HTML）与控制器（JavaScript）之间通信的桥梁。通过事件，用户与页面的交互可以被控制器捕获并相应地处理。AngularJS 使用自定义的 HTML 属性来绑定事件，这些属性以ng-开头，例如ng-clickng-change等。除了内置的事件，AngularJS 还允许我们创建自定义事件。这可以通过$scope对象的$emit$broadcast方法来实现。自定义事件常用于跨控制器或组件之间的通信。
ionic-angular中怎么新建页面
06-08
import { AppRoutingModule } from './app-routing.module'; import { MyPageModule } from './mypage/mypage.module'; // 引入新页面的模块 @NgModule({ declarations: [AppComponent], entryComponents: [],...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值