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

时间：2017-01-17 08:41:17

标签： javascript angular

最近有人告诉我关于Angular 4的事情，它是什么？它与Angular 2有什么不同？我正在学习Angular 2.我试图找到Angular 4的官方网站，但我没有得到结果。我很好奇。

修改

Angular 4网站现已推出here。

编辑2

Angular 5（beta）现已可用here.

编辑3

Angular 5现已可用here，更改可用here

编辑4

Angular 6现已可用here。

编辑5

Angular 7现已推出。

编辑6

Angular 8现已可用here。

有关更新和新功能，请访问Angular blog post for version 8

7 个答案:

答案 0 :(得分：56)

Angular 4只是Angular的一个较新版本而不是Angular 2.

Angular 2.x.x和Angular 4.x.x也命名为 Angular ，而以前的版本（1.x.x）命名为 AngularJS 。
这个名称差异表明存在重大差异，而Angular 4.x.x只是Angular的一个较新版本而不是Angular 2.x.x。

Angular使用semantic versioning，因为Angular 2需要在引入更改时增加主要数字。

Angular团队推迟了导致突破性变化的功能，这些功能将在Angular 4中发布。

跳过Angular版本3.x.x以便能够对齐核心模块的版本号，因为路由器已经有版本3.

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

另请参阅此博客文章http://angularjs.blogspot.co.at/2016/10/versioning-and-releasing-angular.html

答案 1 :(得分：22)

1）什么是新的？

1.1较小＆amp;更快

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 Universal

2.3 TypeScript 2.1和2.2兼容性

2.4模板的源地图

现在当某个模板中的某些内容导致错误时，它会生成源地图，根据原始模板提供有意义的上下文。

3）包装变更

3.1 Flat ES模块（Flat ESM / FESM）

这种格式应该有助于树木震动，有助于减少生成的捆绑包的大小，并在某些情况下加快浏览器中的构建，转换和加载。

3.2实验ES2015构建

此选项是实验性和选择性的。开发人员报告说，将这些软件包与Rollup相结合可节省高达7％的软件包大小。

3.3实验封闭兼容性

可以利用先进的Closure优化功能，从而缩小捆绑尺寸并改善树木抖动。

I got this information from this blog...... for more information refer here

答案 2 :(得分：8)

什么是Angular 4？

Angular 4是由Google的角色团队编写和维护的开源 Web开发框架。

为了更好地接受角度的能力，让我们看一下有关角度的一些重要观点。

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

  2. Angular是用TypeScript编写的，所以它带有打字稿提供的所有功能

  3. Angular也被用于名为IONIC的跨平台移动开发框架中，因此它不仅限于网络应用

    4. 为了不断升级Angular，角度社区每6个月发布一次角度释放

    以下是此答案的来源以及Angular 4 初学者友好教程 ::

    Angular 4 Tutorial

答案 3 :(得分：6)

从this blog开始，让我们来看看Angular 4中的新内容！

  

与Angular 2相比，列表中添加了许多新内容。   不仅有新功能，还有一些增强旧功能的调整   特征

     

更快更好较小的

     

使用Angular 4，应用程序将占用更少的空间   比以前更快。但是，它们并没有完成，而且它们已经完成了   团队专注于进一步改进   个月。

     

查看引擎

     

他们已经根据AOT生成的代码进行了更改   喜欢。这些更改减少了生成的代码的大小   在大多数情况下，组件大约为60％。模板越复杂   是的，储蓄越高。在候选发布期间，很多   迁移到Angular 4的开发人员减少了他们的生产包   数百千字节。

     

动画包

     

他们已经从@ angular / core中拉出了动画，然后放入他们的动画中   自己的包裹。这意味着如果你不使用动画，这个额外的   代码不会在您的生产包中结束。这种变化也是   让您更轻松地找到文档并采取更好的方法   自动完成的优势。您可以自己添加动画   从导入BrowserAnimationsModule的主要NgModule   @角/平台的浏览器/动画。

     

新功能

     

改进了* ngIf和* ngFor

     

模板绑​​定语法现在支持一些有用的更改。您   现在可以使用if / else样式语法，并分配局部变量等   当展开一个可观察的时候。

<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

     

Universal，允许开发人员在一个上运行Angular的项目   服务器，现在再次与Angular保持同步，这是第一个   自环球公司发布以来，最初是一个社区驱动的项目   由Angular团队采用。此版本现在包括的结果   环球队的内部和外部工作   几个月。大多数通用代码现在位于   @angular/platform-server。

     

TypeScript 2.1＆amp; 2.2兼容性

     

该团队已将Angular更新为更新版本的TypeScript。   这将提高ngc的速度，你会得到更好的类型   检查整个申请。

     

模板的源地图

     

现在当你的某个内容出现错误时   模板，它们生成源图，提供有意义的上下文   原始模板的条款。

     

底线

     

切换到Angular 4并不困难。但是，如果你是   仍然不太适合Angular 2然后它可以是一点点   对你来说很难。在那种情况下，ValueCoder的专家建议会   要再等几个月然后抓住它，因为还有6个月   在Angular 5出现之前的几个月。

答案 4 :(得分：2)

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

  1. 将角度3.0跳至角度4.0，因此我们可以将核心与已经为3.0
    2. 的路由器对齐
  2. 与angular 2
    3. 相比，编译器更快
  3. 角度为2的一些错误以角度4
    4. 进行整流
  4. 已经介绍了其他条款 enter image description here
  5. 渲染已重命名为Renderer2（理由是这样做是因为引擎盖下有很多变化）

    6. 更多信息 - ＆gt;  http://www.prathapkudupublog.com/2017/04/important-changes-in-angular-4.html#more

答案 5 :(得分：1)

Angular 2没有任何路径突破变化。但是，有一些额外的功能来制作角度4更强大的框架。

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

答案 6 :(得分：0)

Angular 2是现代的，它利用了最新javascript标准中提供的功能以及诸如类，API模块和其他一些功能。 decorators.yet它支持传统的浏览器.Angular 2有一个简单的，有更少的内置指令可供学习，更简单的绑定。

他们没有发布Angular 3，因为当他们遵循语义版本时，Angular的github存储库中的所有库都以相同的方式进行版本化，即2.4.9但是由于角度路由器软件包版本的错位，团队决定去直接为Angular v4。

相关问题
最新问题