在Angular中，要在不同的父元素中动态添加组件，可以使用动态组件的方法。下面是一个解决方法的代码示例：

首先，在你的组件中创建一个容器，用来动态添加组件：

然后，在组件的类中，使用@ViewChild装饰器来获取这个容器的引用，并且使用ComponentFactoryResolver来创建动态组件的工厂：

import { Component, ComponentFactoryResolver, ViewChild, ViewContainerRef } from '@angular/core';
import { MyDynamicComponent } from './my-dynamic-component.component';

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

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

  constructor(private componentFactoryResolver: ComponentFactoryResolver) {}

  addDynamicComponent() {
    // 创建动态组件的工厂
    const factory = this.componentFactoryResolver.resolveComponentFactory(MyDynamicComponent);

    // 在容器中创建动态组件
    const componentRef = this.container.createComponent(factory);

    // 可以通过componentRef来访问动态组件的属性和方法
    componentRef.instance.property = 'value';
    componentRef.instance.method();
  }
}

最后，你可以在需要的时候调用addDynamicComponent方法来动态添加组件：

添加动态组件

这样就可以在不同的父元素中动态添加组件了。