Angular 动态加载组件与服务注入

在 Angular 项目中，动态加载组件是一种常见的优化策略，特别是对于那些不常使用但体积庞大的组件。今天我们将探讨如何在 Angular 16+ 版本中使用 MatDialog 来动态加载组件，并解决与服务注入相关的问题。

背景介绍

假设我们有一个名为 TestAComponent 的组件，它需要在特定条件下打开一个对话框，显示一个名为 TestBComponent 的组件。由于 TestBComponent 非常大，并且使用频率不高，我们希望通过动态导入的方式来优化应用性能。

问题描述

当我们尝试动态加载 TestBComponent 并使用 MatDialog 打开它时，我们会遇到一个问题：无法访问 MatDialogRef，这意味着依赖注入（DI）没有正确工作。我们来看一个简化的代码示例：

import {
    Component,