将元素与其他指令一起注入指令

Question

在我的代码中，我需要向指令中插入元素，并像容器一样使用它来呈现某些组件。 我想使用其他指令将其注入第一个指令。

我试图使用此代码来实现这一目标。 但是它不起作用...

@Directive({
  selector: 'someSelector',
})
export class MainDirective{
  private container: ViewContainerRef;
  private readonly factoryResolver: ComponentFactoryResolver,
  constructor(
    @Optional() containerDirective : ContainerDirective ,
  ) {
    this.container = containerDirective ? containerDirective.vcr : vcr;
  }

  ...
  use "container" to render there some component
  ...

}

我想在其他指令的帮助下插入一个元素：

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

@Directive({
  selector: '[containerDirective]',
})
export class ContainerDirective {
  constructor(public vcr: ViewContainerRef) {
  }
}