Angular 10.2.3本地环境不添加mat-checkbox-disabled类问题求助

• 生产与本地的编译优化差异
  Angular生产构建默认启用AOT编译、树摇、代码压缩等优化，而本地开发用的ng serve是JIT编译模式。Material组件的mat-checkbox-disabled类绑定逻辑在AOT编译时被正确解析和同步，而JIT模式下存在状态同步延迟，导致禁用状态触发时该类未被添加。

• 表单状态变更检测的执行差异
  本地开发环境的变更检测触发时机和生产环境有区别。当checkboxOne勾选导致checkboxTwo禁用时，本地的变更检测可能没有及时遍历到Material组件的状态更新逻辑，只处理了表单控件的ng-valid类移除，却漏掉了组件自身的禁用样式类添加。

• Angular Material与核心版本的兼容问题
  如果项目中Angular Material的版本和Angular 10.2.3核心版本不完全匹配，可能在不同编译模式下出现隐性bug。Material组件内部的状态类绑定在JIT编译时存在解析异常，而AOT编译过程中修复了这个问题，导致生产环境表现正常。

• 本地开发环境的缓存残留
  本地的node_modules依赖可能存在损坏，或者之前的构建缓存（比如.angular/cache目录）没有清理，导致组件渲染逻辑异常。生产环境是全新构建，不存在这类缓存干扰，所以状态类的添加和移除都正常。

内容的提问来源于stack exchange，提问作者js-newb