什么是 Angular 4,我可以从哪里了解更多信息?

IT技术 javascript angular
2021-02-09 11:32:41

最近有人告诉我 Angular 4,它是什么?它与 Angular 2 有何不同?我正在学习Angular 2。我试图找到Angular 4的官方网站,但没有得到结果。我对此很好奇。

编辑

Angular 4 网站现在可以在这里访问

编辑 2

Angular 5(测试版)现在在这里可用

编辑 3

Angular 5 现在可在此处获得,更改可在此处获得

编辑 4

Angular 6 现在在这里可用

编辑 5

Angular 7 现在可用。

编辑 6

Angular 8 现在在这里可用

有关更新和新功能,请访问版本 8 的 Angular 博客文章

编辑 7

Angular 9 文档可以在这里找到https://next.angular.io/docs

有关更新和新功能,请访问版本 9 的 Angular 博客文章

6个回答

Angular 4 只是比 Angular 2 更新的 Angular 版本。

Angular 2.xx 和 Angular 4.xx 也被命名为Angular,而之前的版本 (1.xx) 被命名为AngularJS
这个名称差异表明存在重大差异,而 Angular 4.xx 只是比 Angular 2.xx 更新的 Angular 版本。

Angular从 Angular 2 开始使用语义版本控制,这要求在引入重大更改时增加主版本号。

Angular 团队推迟了导致重大更改的功能,这些功能将与 Angular 4 一起发布。

Angular 版本 3.xx 被跳过,以便能够对齐核心module的版本号,因为路由器已经有了版本 3。

要查看 Angular4 中将引入哪些更改,请参阅https://github.com/angular/angular/blob/master/CHANGELOG.md

另见这篇博文http://angularjs.blogspot.co.at/2016/10/versioning-and-releasing-angular.html

@amdev 不,不是。正如我提到的,它是让所有module与相同的主要版本号对齐。因为在2.0.0发布前仅3个月,他们就放弃了旧路由器并创建了一个新路由器并为其使用了新版本号(3.0.0),而这个计划外的步骤随着向4.0.0的步骤而被解决对于所有包。
2021-03-31 11:32:41

1)有什么新鲜事?

1.1 更小更快

1.2 动画包

将动画从 @angular/core 中提取到它们自己的包中。这意味着如果您不使用动画,这些额外的代码将不会出现在您的产品包中。

2) 新功能

2.0) 查看引擎

新的视图引擎显着改进了编译步骤,与早期迭代相比,这导致应用程序大小更小。

2.1 改进的 *ngIf 和 *ngFor 您现在可以使用 if/else 样式语法,并分配局部变量,例如在展开 observable 时。

  <div *ngIf="userList | async as users; else loading">
   <user-profile *ngFor="let user of users; count as count" [user]="user">
   </user-profile>
   <div>{{count}} total users</div>
 </div>
 <ng-template #loading>Loading...</ng-template>

2.2 Angular 通用

2.3 TypeScript 2.1 和 2.2 兼容性

2.4 模板的源映射

现在,当您的模板之一出现错误时,它会生成源映射,根据原始模板提供有意义的上下文。

3) 包装变化

3.1 扁平 ES module(扁平 ESM / FESM)

这种格式应该有助于摇树,有助于减少生成的包的大小,并在某些情况下加快浏览器中的构建、转译和加载速度。

3.2 实验性 ES2015 构建

此选项是实验性的且可选择加入。开发人员报告称,将这些包与 Rollup 结合使用时,最多可节省 7% 的包大小。

3.3 实验闭包兼容性

使利用高级闭包优化成为可能,从而减小包大小和更好的摇树。

我从这个博客中得到了这个信息......有关更多信息,请参阅此处

我认为主要区别在于新的视图引擎
2021-04-04 11:32:41

什么是 Angular 4?

Angular 4 是一个开源Web 开发框架,由 Google 的 angular 团队编写和维护。

为了更好地接受 angular 的功能,让我们看一下关于 angular 的一些重要点。

  1. Angular 4 或简称 Angular 是 Angular2 的下一个逻辑版本,但它与 Angular 1 也称为 AngularJS 没有任何共同之处

  2. Angular 是用 TypeScript 编写的,因此它具有 typescript 提供的所有功能

  3. Angular 也被用于名为 IONIC 的跨平台移动开发框架,因此它不仅限于 Web 应用程序

为了不断升级 Angular ,Angular 社区每 6 个月发布一次 Angular 版本

这是这个答案的来源和一个关于 Angular 4初学者友好教程::

Angular 4 教程

这些是 angular 4 的重要变化列表

  1. 跳过 angular 3.0 到 angular 4.0,以便我们可以将核心与已经是 3.0 的路由器对齐
  2. 与 angular 2 相比,编译器更快
  3. 角 2 中的一些错误在角 4 中得到纠正
  4. 已引入 Else 子句 在此处输入图片说明
  5. Render 已重命名为 Renderer2(这样做的原因是因为在引擎盖下有很多更改)

欲了解更多信息 -> http://www.prathapkudupublog.com/2017/04/important-changes-in-angular-4.html#more

Angular 2 没有任何突破性的变化。但是是的,有一些额外的功能使 angular 4 框架更加强大。

  • 减少视图引擎的大小:- angular 的 AOT 有更高级的变化,因此缩短了编译时间。这些变化还减少了近 60% 的应用程序大小。
  • 引入新的管道:- Angular 4 引入了新的“titlecase”管道“|” 所以使用这个管道你可以改变任何单词的第一个后面的大写。
  • ngIf 和 else :- 以前有 'ngIf' 但在 angular 4 中他们也引入了 'else' 所以,现在你可以在 html DOM 中使用 if else 块。
  • As 关键字:- Angular 4 引入了名为“As”的新关键字,以简化先前定义的“let”
  • 动画包:- 将动画包与 angular 核心分开。现在动画有自己的包,即@angular/platform-b​​rowser/animations。
  • 重命名模板:- 现在模板变成“ng-template”。您应该使用 ng-template 标签而不是模板。
  • 搜索参数:- 在 angular 4 中,您可以在 http 请求中提供搜索参数。这变得易于使用。
  • 新的表单验证器:- angular 2 提供了许多表单验证,但有一种更同时使用,即电子邮件验证器。所以现在使用以角度引入的电子邮件验证器