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

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

编辑

Angular 4网站现在可在这里 。

编辑2

Angular 5(testing版)现在可以在这里find。

编辑3

现在可以在这里findAngular 5, 这里可以进行更改

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

Angular 2.xx和Angular 4.xx也被命名为Angular ,而以前的版本(1.xx)被命名为AngularJS
这个名称的区别表明有很大的不同,而Angular 4.xx只是Angular的一个更新的版本而不是Angular 2.xx。

Angular使用了Angular 2以来的语义版本化 ,这要求在引入更改时增加主数。

Angular团队推迟了导致突破性改变的function,这些function将随Angular 4发布。

因为路由器已经有了版本3,所以angular色版本3.xx被跳过,以便能够alignment核心模块的版本号。

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

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

1)什么是新的?

1.1更小更快

1.2animation包

从@ angular / core中抽出animation并放入自己的包中。 这意味着如果你不使用animation,这个额外的代码将不会在你的产品包中结束。

2)新function

2.0)查看引擎

与以前的迭代相比,新的视图引擎显着改进了编译步骤,从而缩小了应用程序的大小。

2.1改进* ngIf和* ngFor你现在可以使用if / else风格的语法,并分配局部variables,例如展开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.2angular度通用

2.3 TypeScript 2.1和2.2的兼容性

2.4模板的源图

现在,当某个模板中的某个东西出现错误时,它会生成源映射,从而为原始模板提供有意义的上下文。

3)包装变化

3.1扁平ES模块(Flat ESM / FESM)

这种格式应该可以帮助树状结构,有助于减less生成的捆绑包的大小,并在某些情况下加快浏览器的构build,转换和加载。

3.2实验ES2015构build

此选项是实验性的,并selectjoin。 将这些软件包与Rollup相结合时,开发人员报告最多可节省7%的软件包大小。

3.3实验闭包兼容性

使得有可能利用先进的Closure优化,导致更小的捆绑尺寸和更好的树木摇晃。

我从这个博客得到了这个信息……更多信息请参考这里

什么是Angular 4?

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

为了更好地包容angular的能力,让我们来看一些关于angular的重要观点。

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

  2. Angular是用TypeScript编写的,所以它带有打字稿提供的所有function

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

为了不断升级Angular,angular度社区每6个月宣布angular度版本

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

Angular 4教程

从这个博客 ,让我们来看看在Angular 4中有什么新东西!

与Angular 2相比,列表中添加了许多新东西。 不仅新function,而且还有一些调整,以增强旧function。

更快,更小

使用Angular 4,应用程序将比以前更less占用空间和速度。 但是,他们决不是完成了,而且团队在未来几个月里将重点进一步改进。

视图引擎

他们已经对AOT生成的代码的外观做了修改。 在大多数情况下,这些更改会将组件生成的代码大小减less大约60%。 模板越复杂,节省越高。 在发布候选期间,许多迁移到Angular 4的开发人员将他们的产品捆绑减less了数百千字节。

animation包

他们已经从@ angular / core中提取animation,并将其放入自己的包中。 这意味着如果你不使用animation,这个额外的代码将不会在你的产品包中结束。 此更改还可让您更轻松地查找文档并更好地利用自动完成function。 您可以通过从@ angular / platform-b​​rowser / animations导入BrowserAnimationsModule自己将animation添加到主要的NgModule。

新function

改进* ngIf和* ngFor

模板绑定语法现在支持一些有用的更改。 您现在可以使用if / else样式语法,并分配局部variables,例如展开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> 

有angular的通用

Universal是一个允许开发人员在服务器上运行Angular的项目,现在又与Angular保持同步,这是自Angular团队采纳了Universal(最初是由社区驱动的项目)之后的第一个版本。 这个版本现在包含了过去几个月来自Universal团队的内部和外部工作的结果。 通用代码的大部分现在位于@angular/platform-server

TypeScript 2.1和2.2兼容

该团队已经将Angular更新为更新版本的TypeScript。 这将提高ngc的速度,并且在整个应用程序中您将获得更好的types检查。

源模板的地图

现在,如果在某个模板中发生了某种错误,那么它们会生成源映射,从而为原始模板提供有意义的上下文。

底线

但是,如果你对Angular 2还不是很满意,那对你来说可能有点困难。 在这种情况下, ValueCoder的专家build议将会等待几个月,然后在Angular 5到来之前还有6个月的时间。

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

  1. 跳过angular3.0到angular4.0,所以我们可以核心与已经3.0的路由器
  2. 编译器比angular度2更快
  3. 一些angular度为2的错误以angular度4进行纠正
  4. 其他条款已经引入 在这里输入图像描述
  5. 渲染已被重命名为Renderer2(原因是因为在引擎盖下有很多变化)

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

Angular 2是现代的,它利用了最新的JavaScript标准中提供的function以及类,API模块和装饰器等一些特性的优点。它支持传统的浏览器.Angular 2有一个简单的API,具有更less的内置指令来学习,更简单的绑定。

他们没有发布Angular 3,因为当他们遵循语义版本控制时,Angular的github仓库中的所有库都以相同的方式进行版本控制,例如2.4.9,但由于angular度路由器软件包的版本不匹配,团队决定直接进入Angular V4。

Angular 2没有任何path中断的变化。 但是是的,还有一些额外的function来使棱angular4更强大的框架。

  • 减小视图引擎的大小 : – angular度AOT中有更高级的更改,以便提高编译时间。 这些变化也减less了近60%的应用程序的大小。
  • 引入新的pipe道 : – angular4引入新的'标题'pipe'|' 所以使用这个pipe道你可以改变任何单词的第一个后面的大写字母。
  • ngIf和其他 : – 以前'ngIf'在那里,但是在angular度4中,他们也引入了'else',所以,现在你可以使用HTML DOM中的if else块。
  • 作为关键字 : – angular4引入了新的关键字称为'作为'简化'让'以前定义
  • animation包 : – 从有angular度的核心分离animation包。 现在animation有自己的包,即@angular/平台浏览器/animation。
  • 重命名模板 : – 现在模板变成“ng-template”。 您应该使用ng-template标签而不是模板。
  • search参数 : – 在angular4中,您可以在http请求中提供search参数。 这变得易于使用。
  • 新的表单validation器 : – 有很多formsvalidationangular2给出,但有一个是更多的同时使用,即电子邮件validation。 所以现在使用电子邮件validation器是angular度介绍