Angular 18表格排序失效、ɵcmp错误及组件模式迁移咨询

问题描述 #

• 触发错误：TypeError: Cannot read properties of undefined (reading 'ɵcmp')
• UserListComponent中/users页面的表格排序功能原本正常，引入NavbarComponent后彻底失效
• 参考某Stack Overflow回答建议，尝试切换为独立组件模式；作为Angular新手，觉得main.ts里DemoMaterialModule的@NgModule方式很省心，不用在每个组件里单独导入Material模块
• 疑惑：Angular 18主推的独立组件模式是否适配当前场景？从混合模式（独立组件+模块化）完全切换到纯独立组件模式会更合适吗？
• 错误界面截图：
• 相关代码可查看仓库对应提交版本

更新1：排序问题仍未解决 #

排序功能依旧无法正常运行，已更新代码仓库，添加演示数据方便复现问题：

更新2：问题已解决 #

最终通过代码提交完成修复，解决了组件报错及排序失效的问题

内容的提问来源于stack exchange，提问作者J.Olufsen