在实际业务开发中，我们经常遇到这样的场景：某个字段包含复合信息（如。下面通过一个 100 万数据量的实际测试，对比这两种方案的性能差异。），需要从中提取某个部分（如订单ID。**运行结果比较 ****完整测试代码 **

被检索的 options 是不完整的列表，当我们需要从列表中筛选出被选中的选项来改变它们的状态时需要一个完整的 options。后期二者的区别越来越大，共用的组件慢慢变的不再共用。那么，为了实现解耦，为了能以 API 热插拔的形式实现组件的拓展，就有一个核心的要求：Dropdown 中的每一个小功能要以一个 独立的，完整的 包含全套 mvc 的组件形式存在。由此可见，实现一个扩展性强的组件我们需要

在实际业务开发中，我们经常遇到这样的场景：某个字段包含复合信息（如。下面通过一个 100 万数据量的实际测试，对比这两种方案的性能差异。），需要从中提取某个部分（如订单ID。**运行结果比较 ****完整测试代码 **

Material 按钮默认带 ripple 效果，如需关闭 ripple，添加 [disableRipple]=“true” 并在样式中移除 ripple CSS 变量，例如 --mat-text-button-state-layer-color: none;Material 使用 <button mat-raised-button> 或含 href 的 <a mat-button>。基于你的替换

Material（M3）：<button mat-icon-button aria-label=“编辑” class=“mat-btn mat-btn-icon”>Bootstrap 的 btn-lg/btn-sm/btn-block 需迁移为布局 CSS 或主题密度（M3 的 density），无 1:1 类映射。Material（M3）：<button mat-raised-button cl