全新改进的 Angular 12:七个基本变化

谷歌的Angular是一个用TypeScript编写的网页框架,已经在版本12中进行了重大更新。此修订基于谷歌的“Ivy Everywhere Approach”,该方法有助于标准化软件开发过程。过渡到 Ivy 并不是 Angular 12 的唯一重大变化;样式功能、消息 ID 格式、无效合并、ng API 等都得到了极大的改进。此外,Angular 12 还具有各种工具和新功能,这些功能易于安装在 AWS 中。本文将更详细地探讨 Angular 12 的新功能。

Angular 12 的新功能:每个角落都有常春藤(Ivy)

从版本 12 开始,Angular 的 View Engine,一种遗留的编译和渲染管道,将被弃用。渲染管线将在将来的版本中删除。因此,与 View Engine 兼容的库可以与常春藤一起使用。

整个生态系统可以在兼容性编译器和简单明了的升级路线的帮助下迁移到常春藤。因此,普遍使用常春藤将大大提高 Angular 12 的生产力。

标准化消息标识符格式

在 Angular 12 中,消息 id 格式得到了极大的改进。以前,空格和翻译失效问题会使以前使用的旧消息 ID 在翻译中变得不一致。

当从众多旧框架过渡时,Angular 12 减少了由格式模板和 ICU 表达式引起的问题。使用现代方法,开发人员现在可以将非规范本地化 ID 转换为规范消息 ID。

无效合并是 Angular 12 的新功能之一

Angular 12 中的模板可以与无效合并一起使用。干净的代码可以在无效合并运算符的帮助下被创建。

开发人员可以使用由无效合并实现的新语法来增强复杂的条件。

例如

{{age !== null && age !== undefined ? age : calculateAge() }}

{{age ?? calculateAge() }}

Angular 12 中的严格默认值

由于在默认情况下启用了CLI的严格模式,因此在Angular 12中可以更快地发现和修复错误。严格的模式也加快了申请审查过程。

ng update 命令返工是对 Angular 12 严格模式的重要补充。由于这次修订,程序员可以更自信地处理新程序或工作区。

改进下一代的应用程序编程接口

ng 故障排除 API 是 Angular 12 中一项强大的新功能,可在执行应用程序时深入了解应用程序的行为。此外,getDirectiveMetada 和 esetProfiler 等新功能将简化和扩展调试 API 的应用程序检查范围。

通过使用getDirectiveMetada,您可以获得有关各种组件和指令的信息。另一方面,esetProfile 可用于监视模板生命周期、更改和生命周期挂钩执行。

Angular 12 的更新包括: 有一个新版本的 Typescript

Typescript 4.2 为 Angular 12 引入了许多改进。这包括对运算符、类型别名、元组类型和抽象类的增强。

使用增强的运算符,Typescript 4.2 可确保关键变量和其他数据永远不会显示错误。正如新的和增强的 TypeScript 版本将产生更少的重复和不正确的代码示例、有效的别名和正确的类型一样,升级后的 TypeScript 版本也将节省您的时间。

Typescript 4.2 中的元组增强了可读性和工具支持,这使得包含可选、其余和任意组件成为可能。Angular 12 中的 Typescript 4.2 简化了分类检查,并以类似的方式在构造函数签名中启用抽象修饰符。

对外观的修改

除了上述更改外,此版本的 Angular 还对其美观进行了一些增强。首先,组件装饰器样式字段容纳内联 Sass。此外,在Angular Material和Angular CDK内部采用了新的Sass模块结构。除此之外,Angular 12 现在正式支持 Tailwind CSS 预处理器。

发出事件选项、HTTP 状态代码和 Webpack 5 支持只是 Angular 12 中包含的一些新功能。其他更改包括缩小的 UMDs、重新定向的源文件、严格的空检查等。

Angular 12 与 Angular 11 有什么不同?

Angular 12 的发布紧随 Angular 11 之后。事实上,基本框架已经有了实质性的发展、增强和修改。以前,Angular 11 只支持 TypeScript 4.0,但 Angular 12 包含 TypeScript 4.2。Webpack 5.37,以前只与 Webpack 5.0 兼容,现在支持最新版本的 Angular。对于 Angular 11,严格检查可被标志启用;在 Angular 12 中,严格模式会在默认情况下被启用。随着常春藤在 Angular 12 中的广泛使用,在框架的未来版本中应完全避免弃用。此外,Angular 11 中引入了一个可选服务。这些是 Angular 12 相对于 Angular 11 最显着的改进。

总结

新版本的Angular是对以前版本的重大改进。Angular 12 通过增强性能、语言服务、表单验证和编译器服务,为开发人员提供了更大的回旋余地。新版本比其前身可靠得多。根据Zoneless Angular和Angular’s Marquee Project进行的未来修订可能会将其用作Zone.js选项的基础。

Angular是一个广泛使用的网页开发框架。熟练的 Angular 开发人员市场竞争激烈,因此可能很难找到完全满足您需求的职位。

领类有助于将Angular程序员安置在美国领先公司的永久远程职位上,在那里他们可以进一步发展自己的职业生涯并获得有竞争力的薪水。如果您有兴趣了解更多信息,请前往空缺职位页面。

您是否拥有一支工程团队,并且需要用一流的、经过全面筛选的 Angular 开发人员来填补空缺职位?如果是这样,您绝对应该尝试领类!借助领类智能人才库,企业可以在短短三到五天内以50%的折扣从硅谷找到并招聘顶级程序员。如需了解更多信息,欢迎访问我们的雇佣软件开发人员页面。

目录
在 Facebook 上加入我们的世界顶尖自由领程序员和设计师社群在 Twitter 上查看我们关于设计原则和最佳 UX 实践的最近更新与我们联系,在领英上聘请顶尖的软件工程师和程序员

加入世界顶尖前 1% 的自由领人才网络

领类将顶尖前1%的自由领程序员和设计师与世界各地领先品牌以及初创企业联系起来。我们专注于需要高技术人才和问题解决者的复杂且具有挑战性的一级项目。
经验丰富的项目经理正在审查从领类上聘请的自由软件工程师在软件开发项目上的进展 blog.join_marketplace.your_way经验丰富的自由 UI/UX 分析师在舒适的家中远程工作,并领类上完成 UI/UX 和产品设计项目 blog.join_marketplace.freelance_jobs