前端框架 Angular 14 正式发布了

前端框架 Angular 14 已正式发布了 . 。

Angular 是一个前端开发框架，由谷歌公司开源。在 Angular 14 的网站中，Angular 新的标语是“现代 Web 开发平台”。

Angular 是一个基于 TypeScript 构建的开发平台。它包括：

• 一个基于组件的框架，用于构建可伸缩的 Web 应用
• 一组完美集成的库，涵盖各种功能，包括路由、表单管理、客户端-服务器通信等
• 一套开发工具，可帮助你开发、构建、测试和更新代码

借助 Angular，无论单人项目还是企业级应用，你都能获得平台带来的优势。

这次发布的 Angular 14版本主要包括以下新特性：

• 使用独立组件简化 Angular
• 引入更加严格的类型化表单
• Angular CLI 支持自动补全
• 简化 page title 可访问性
• Angular DevTools 支持离线使用，以及在 Firefox 中使用
• 引入实验性的 ESM 应用构建系统
• 更多的内置优化

更严格的类型化的表单

Angular 14 为 Angular Reactive Forms 表单中实现了更严格的类型。

类型化的表单能够确保表单控件、组和数组中的值在整个 API 中都是类型安全的 —— 以实现更安全的表单，这一点在深度嵌套的复杂案例中非常重要。

使用独立组件简化 Angular

Angular 独立组件的目标是通过减少对 ng module 的需求来简化 Angular 应用的编写。在 v14 中，独立组件处于开发预览状态，可以尝试使用一下，但是因为其接口还不太稳定，后续可能还会有变动。

命令行工具 Angular CLI 支持自动补全

Angular v14 的新 ng completion 功能引入了实时预输入的自动补全功能。

为确保所有 Angular 开发者都知道这项特性，CLI 将提示开发者在 v14 中的第一个命令执行期间选择加入自动完成功能。开发者也可以手动运行 ng completion，CLI 会自动进行设置。

Angular DevTools 支持离线使用

调试工具 Angular DevTools 扩展现已支持离线使用。对于 Firefox 用户，可在 Mozilla 附加组件中找到该扩展。

实验性 ESM 应用程序构建

最后，Angular v14 引入了一个实验性的基于 esbuild 的构建系统 ng build，用于编译纯 ESM 输出。如需在应用程序中尝试此操作，请更新浏览器构建器 angular.json：

简化页面标题可访问性

另一个最佳实践是确保应用程序的页面标题唯一地传达页面的内容。可以在定义路由的时候，加上 title 属性，指定每个页面的标题名称。

const routes: Routes = [{ path: 'home', component: HomeComponent title: 'My App - Home' // <-- Page title}, { path: 'about', component: AboutComponent, title: 'My App - About Me' // <-- Page title}];

更多内置的改进

Angular v14 包括对最新的TypeScript 4.7 版本的支持，现在默认目标是ES2020，这允许CLI在不降级的情况下发布更小的代码。

详细内容请参见其官方博客：https://blog.angular.io/angular-v14-is-now-available-391a6db736af