无法将angular指令动态添加到元素

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

@Component({
  selector: 'app-dynamic-directive',
  template: '<ng-container #container></ng-container>'
})
export class DynamicDirectiveComponent {
  @ViewChild('container', { read: ViewContainerRef }) container: ViewContainerRef;

  constructor(private componentFactoryResolver: ComponentFactoryResolver) { }
}

// 创建指令组件的工厂
const directiveFactory = this.componentFactoryResolver.resolveComponentFactory(YourDirectiveComponent);

// 创建指令组件实例
const directiveComponentRef = this.container.createComponent(directiveFactory);

// 可以通过directiveComponentRef.instance访问指令组件实例，进行进一步的操作