在 Angular 11 中，编译器 (Compiler) 是被严格绑定的，我们无法直接动态添加组件到应用程序中，因为这样做会打破静态依赖注入(DI)的链。但是，我们可以使用 Angular 的编译 API，在运行时编译新的组件，并且将其注入到当前正在运行的程序中。

以下是一个使用 Angular 11 动态编译组件的 DI 解决方案的示例：

1. 创建一个需要动态编译的组件 例如，我们创建一个名为 DynamicComponent 的组件：

import { Component } from '@angular/core';

@Component({
  selector: 'app-dynamic-component',
  template: '
Hello, dynamic component!
'
})
export class DynamicComponent {}

2. 在另一个组件中动态编译 DynamicComponent 从编译器中导入需要的功能，并使用该服务来编译新组件。例如，在 AppComponent 组件中，我们可以使用以下代码来动态编译 DynamicComponent 组件：

import { Component, Injector, Compiler, ViewChild, ViewContainerRef } from '@angular/core';
import { DynamicComponent } from './dynamic.component';

@Component({
  selector: 'app-root',
  template: `
    

  `
})
export class AppComponent {
  @ViewChild('container', { read: ViewContainerRef }) container: ViewContainerRef;

  constructor(
    private injector: Injector,
    private compiler: Compiler
  ) {}

  ngOnInit() {
    const dynamicModule = this.compiler.compileModuleAndAllComponentsSync(DynamicComponent);
    const factory = dynamicModule.componentFactories.find(f => f.componentType === DynamicComponent);
    const component = this.container.createComponent(factory);

    (component.instance).message = 'Hello, dynamic component!';
  }
}

这样，我们就成功地将 DynamicComponent 组件注入到了 AppComponent 组件中，并且可以在 AppComponent 中动态地编译和使用这个组件了。