要在Angular中从指令中添加组件，您可以遵循以下步骤：

1. 创建一个指令，并在其中引入ComponentFactoryResolver和ViewContainerRef：

import { Directive, ViewContainerRef, ComponentFactoryResolver } from '@angular/core';

@Directive({
  selector: '[appAddComponent]'
})
export class AddComponentDirective {
  constructor(private componentFactoryResolver: ComponentFactoryResolver, private viewContainerRef: ViewContainerRef) {}
}

2. 在指令的构造函数中注入ComponentFactoryResolver和ViewContainerRef，以便在需要时动态添加组件。

3. 在指令中创建一个方法，该方法接受要添加的组件类型作为参数，并使用ComponentFactoryResolver将组件类型解析为组件工厂：

import { Directive, ViewContainerRef, ComponentFactoryResolver, Type } from '@angular/core';

@Directive({
  selector: '[appAddComponent]'
})
export class AddComponentDirective {
  constructor(private componentFactoryResolver: ComponentFactoryResolver, private viewContainerRef: ViewContainerRef) {}

  addComponent(componentType: Type) {
    // 解析组件类型为组件工厂
    const componentFactory = this.componentFactoryResolver.resolveComponentFactory(componentType);
  }
}

4. 使用ViewContainerRef的createComponent()方法创建组件实例，并将其附加到指令的宿主元素中：

import { Directive, ViewContainerRef, ComponentFactoryResolver, Type } from '@angular/core';

@Directive({
  selector: '[appAddComponent]'
})
export class AddComponentDirective {
  constructor(private componentFactoryResolver: ComponentFactoryResolver, private viewContainerRef: ViewContainerRef) {}

  addComponent(componentType: Type) {
    const componentFactory = this.componentFactoryResolver.resolveComponentFactory(componentType);
    
    // 创建组件实例
    const componentRef = this.viewContainerRef.createComponent(componentFactory);
    
    // 将组件添加到指令的宿主元素中
    this.viewContainerRef.element.nativeElement.appendChild(componentRef.location.nativeElement);
  }
}

5. 在使用指令的组件中，将指令应用于希望添加组件的元素，并调用addComponent()方法来添加组件：

import { Component, ViewChild, ComponentFactoryResolver } from '@angular/core';
import { AddComponentDirective } from './add-component.directive';
import { MyComponent } from './my.component';

@Component({
  selector: 'app-parent-component',
  template: '
'
})
export class ParentComponent {
  @ViewChild(AddComponentDirective, {static: true}) addComponentDirective: AddComponentDirective;

  constructor(private componentFactoryResolver: ComponentFactoryResolver) {}

  addMyComponent() {
    this.addComponentDirective.addComponent(MyComponent);
  }
}

在这个例子中，ParentComponent包含一个AddComponentDirective的实例，并使用@ViewChild装饰器获取该指令的引用。然后，通过调用addComponent()方法并传入要添加的组件类型，可以在ParentComponent中添加MyComponent。

请注意，您需要在ParentComponent的模板中使用appAddComponent指令来定义要添加组件的位置。