什么是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的重要观点。
-
Angular 4或Angular是Angular2的下一个合乎逻辑的版本,但与Angular 1没有任何共同之处,也被称为AngularJS
-
Angular是用TypeScript编写的,所以它带有打字稿提供的所有function
-
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-browser / 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的重要变化列表
- 跳过angular3.0到angular4.0,所以我们可以核心与已经3.0的路由器
- 编译器比angular度2更快
- 一些angular度为2的错误以angular度4进行纠正
- 其他条款已经引入
- 渲染已被重命名为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度介绍