在过去的几个月里，我们一直忙于为您开发很酷的新功能和组件，它们都集成在 Ultimate 22.2 版本中，支持 Angular 14。让我们看看我们为您准备了哪些新好东西。

除了 Ignite UI for Angular 22.2，我很高兴地宣布，今天我们将通过最新的 Ignite UI 22.2 版本发布大量 UI/UX 升级。扩展您最喜欢的 UI 库，我们现在添加更多组件和功能、更好的控件、跨 Blazor、Angular 和 Web 组件的全新数据网格、改进的 App Builder 代码生成功能、Figma 设计工具支持等等。

无论您是想设计和构建现代 Web 应用程序，用更好的 WYSIWYG 低代码应用程序构建体验替换遗留应用程序，还是只想从功能更全的开发堆栈开始，Ignite UI 22.2 产品版本现已推出。

让我们深入了解最新的调整，这些调整可以加速您的整体开发过程，并使您能够在项目中提供强大、一致且可访问的 UI。

为 Angular 点燃 UI

查询生成器

Ignite UI Query Builder 组件提供了一种通过 UI 构建复杂查询的方法。通过指定 AND/OR 运算符、条件和值，用户可以创建描述查询的表达式树。

透视网格导出到 Excel

Excel Exporter 服务可以将数据从 IgxPivotGrid 导出到 excel。数据导出功能封装在  类中。要触发该过程，您需要调用 的  方法并将 IgxPivotGrid 组件作为第一个参数传递。IgxExcelExporterServiceIgxExcelExporterServiceexport

Angular 网格验证器服务

网格的编辑在编辑单元格/行时公开了用户输入的内置验证机制。它扩展了 Angular 表单验证功能，以便更轻松地与众所周知的功能集成。当编辑器的状态发生变化时，视觉指示器将应用于已编辑的单元格。Angular 网格验证器服务附带以下开箱即用的验证器：

• required

• min

• max

• email

• minlength

• maxlength

• pattern

Angular Pivot 网格状态持久化

igxGridState 指令允许开发人员轻松保存和恢复网格状态。当 IgxGridState 指令应用于网格时，它公开了  开发人员可以用来在任何场景下实现状态持久化的方法 getState 和 方法。 指令支持保存和恢复以下功能的状态：setStateIgxGridState

• Sorting

• Filtering

• Cell Selection

• Row Selection

• Column Selection

• Expansion

• Pivot Configuration

接口定义的 Pivot 配置属性 IPivotConfiguration 。

使用应用程序级代码恢复 Pivot Dimension 和 Value 函数。

透视行和列策略也可以使用应用程序级代码恢复。

Angular Pivot Grid 过滤表达式

所有维度（过滤器、行、列）都可以通过芯片 UI 或 API 进行过滤。默认情况下嵌入并启用此功能。

Angular Pivot Grid聚合方法标签

值配置需要与提供的字段相匹配， 或者它可以为更复杂的自定义场景定义自定义函数。开箱即用，有 4 个预定义的聚合可以根据数据字段的数据类型使用： member  data aggregator 

• IgxPivotNumericAggregate - 对于数字字段。包含以下聚合函数：SUM，AVG，MIN，MAX，COUNT

• IgxPivotDateAggregate - 对于日期字段。包含以下聚合函数：LATEST，EARLIEST，COUNT

• IgxPivotTimeAggregate - 对于时间字段。包含以下聚合函数：LATEST，EARLIEST，COUNT

• IgxPivotAggregate - 对于任何其他数据类型。这是基础聚合。包含以下聚合函数：COUNT

Angular Tabs UI 的更新

Angular Combo 更新 - 过滤策略、过滤多个字段的能力和新的“searchKey”输入

现在，Angular Combo 组件有一个“searchKey”输入，可以使用数据键进行搜索或过滤。 

支持 Angular 14.0

Angular Grid 自动调整性能改进

总结

我们不仅努力按计划持续发布新功能以提高性能和稳定性，而且我们还致力于为您提供最好的Angular UI 工具包 和相关见解，让您掌握更多专业知识。除了非常重要的最新 Pivot Grid 之外，我们知道 Angular Data Grid 等其他组件也非常重要。这就是为什么我们发布了有用的 Angular UI 数据网格教程 ，以帮助您 学习如何从头开始创建功能齐全的 Angular UI 网格。