Angular Components 19.2.0版本发布:移除动画模块依赖与功能增强
2025-06-01 03:47:52作者:钟日瑜
Angular Components是Angular官方维护的UI组件库,提供了丰富的Material Design风格组件。最新发布的19.2.0版本"pyrite-pacifier"带来了一系列重要的改进和修复,其中最显著的变化是移除了对@angular/animations模块的依赖,同时新增了一些实用功能并对现有组件进行了优化。
移除动画模块依赖
本次更新的一个主要方向是减少组件库对@angular/animations模块的依赖。Angular团队通过重构多个组件的动画实现方式,使得这些组件现在可以独立于动画模块运行。这一变化带来的好处包括:
- 减小应用体积:不再强制包含动画模块,减少了最终打包的大小
- 提高灵活性:开发者可以更自由地选择是否使用Angular动画系统
- 简化配置:减少了项目初始化时的依赖配置
受影响的组件包括:
- 自动完成(autocomplete)
- 底部操作表(bottom-sheet)
- 日期选择器(datepicker)
- 对话框(dialog)
- 扩展面板(expansion)
- 表单字段(form-field)
- 菜单(menu)
- 选择框(select)
- 侧边导航(sidenav)
- 提示条(snack-bar)
- 排序(sort)
- 步骤条(stepper)
- 标签页(tabs)
- 时间选择器(timepicker)
- 工具提示(tooltip)
新增功能与改进
YouTube播放器组件增强
YouTube播放器组件新增了全屏模式API,开发者现在可以通过编程方式控制播放器进入全屏状态,为用户提供更沉浸式的视频观看体验。
颜色方案定制
Material核心模块增强了主题定制能力,现在开发者可以更灵活地自定义中性色变体和错误调色板的颜色,使得应用可以更好地匹配品牌风格。
表单字段优化
表单字段组件进行了多项改进,包括:
- 移除了剩余的动画依赖
- 修复了表单控件状态变化时的变更检测问题
- 改进了与表单控件的集成
选择框组件改进
选择框组件(select)获得了多项增强:
- 改进了面板关闭时的处理逻辑,避免快速关闭导致的错误
- 移除了动画依赖
- 修复了退出动画后覆盖层未及时分离的问题
- 为MatSelectChange添加了可选类型
问题修复
本次版本还修复了多个组件的问题,包括但不限于:
- 按钮(button):修复了当自定义边框半径时,轮廓按钮焦点覆盖形状不正确的问题
- 日期选择器(datepicker):修复了分配结束值时可能出现的"changed after checked"错误
- 列表(list):修复了控件禁用时选项视图未触发变更检测的问题
- 单选按钮(radio):为MatRadioChange添加了可选类型
- 时间选择器(timepicker):添加了切换按钮的默认aria-label,改进了可访问性
- 滑动开关(slide-toggle):优化了:state后代选择器的性能
CDK改进
CDK(Component Dev Kit)也获得了一些重要更新:
- 修复了SelectionModel中setSelection方法与compareWith不一致的问题
- 改进了平台兼容性,确保与Angular 19.1以下版本的兼容
- 修复了线性步骤条初始化后导航到前一步骤的问题
文档站点更新
Angular Components的文档站点material.angular.io也进行了多项改进:
- 允许从API标签页复制模块导入语句
- 移除了动画依赖
- 优化了关键路径,移除了文档数据
- 更新了站点图片
总结
Angular Components 19.2.0版本通过移除动画模块依赖显著减小了包体积,同时通过新增功能和问题修复提升了开发体验和组件稳定性。这些改进使得Angular Material组件库更加轻量、灵活和强大,为开发者构建高质量的Angular应用提供了更好的工具支持。
登录后查看全文
热门项目推荐
相关项目推荐
atomcodeClaude Code 的开源替代方案。连接任意大模型,编辑代码,运行命令,自动验证 — 全自动执行。用 Rust 构建,极致性能。 | An open-source alternative to Claude Code. Connect any LLM, edit code, run commands, and verify changes — autonomously. Built in Rust for speed. Get StartedRust098- DDeepSeek-V4-ProDeepSeek-V4-Pro(总参数 1.6 万亿,激活 49B)面向复杂推理和高级编程任务,在代码竞赛、数学推理、Agent 工作流等场景表现优异,性能接近国际前沿闭源模型。Python00
MiMo-V2.5-ProMiMo-V2.5-Pro作为旗舰模型,擅⻓处理复杂Agent任务,单次任务可完成近千次⼯具调⽤与⼗余轮上 下⽂压缩。Python00
GLM-5.1GLM-5.1是智谱迄今最智能的旗舰模型,也是目前全球最强的开源模型。GLM-5.1大大提高了代码能力,在完成长程任务方面提升尤为显著。和此前分钟级交互的模型不同,它能够在一次任务中独立、持续工作超过8小时,期间自主规划、执行、自我进化,最终交付完整的工程级成果。Jinja00
Kimi-K2.6Kimi K2.6 是一款开源的原生多模态智能体模型,在长程编码、编码驱动设计、主动自主执行以及群体任务编排等实用能力方面实现了显著提升。Python00
MiniMax-M2.7MiniMax-M2.7 是我们首个深度参与自身进化过程的模型。M2.7 具备构建复杂智能体应用框架的能力,能够借助智能体团队、复杂技能以及动态工具搜索,完成高度精细的生产力任务。Python00
项目优选
收起
deepin linux kernel
C
28
16
Claude Code 的开源替代方案。连接任意大模型,编辑代码,运行命令,自动验证 — 全自动执行。用 Rust 构建,极致性能。 | An open-source alternative to Claude Code. Connect any LLM, edit code, run commands, and verify changes — autonomously. Built in Rust for speed.
Get Started
Rust
568
98
暂无描述
Dockerfile
709
4.51 K
本项目是CANN提供的数学类基础计算算子库,实现网络在NPU上加速计算。
C++
958
955
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
Vue
1.61 K
942
Ascend Extension for PyTorch
Python
572
694
openEuler内核是openEuler操作系统的核心,既是系统性能与稳定性的基石,也是连接处理器、设备与服务的桥梁。
C
413
339
🍒 Cherry Studio 是一款支持多个 LLM 提供商的桌面客户端
TypeScript
1.42 K
116
暂无简介
Dart
951
235
Nop Platform 2.0是基于可逆计算理论实现的采用面向语言编程范式的新一代低代码开发平台,包含基于全新原理从零开始研发的GraphQL引擎、ORM引擎、工作流引擎、报表引擎、规则引擎、批处理引引擎等完整设计。nop-entropy是它的后端部分,采用java语言实现,可选择集成Spring框架或者Quarkus框架。中小企业可以免费商用
Java
12
2