Angular 6 : given ElementRef, 我可以得到 ViewContainerRef

Question

模板

<div my-directive></div>

指示

constructor(vc: ViewContainerRef, el: ElementRef, svc: MyService) {}

useService() {
  this.svc.doWork(vc, el);
}

所以该服务需要一个 ViewContainerRef和一个 ElementRef .我必须通过这两个吗？有没有办法从元素 ref 派生 View 容器？如果是这样，我只需要通过 ElementRef到服务，它会从中获取 View 容器。

或者，可以 ElementRef源自 ViewContainerRef ?似乎不可能，因为我假设单个 View 容器可以有多个元素。

Answer 1

您可以使用 View 中的元素引用。它们都引用相同的 DOM 元素。

constructor(vc: ViewContainerRef, el: ElementRef, svc: MyService) {
     console.log(vc.element.nativeElement === el.nativeElement);
     // prints true
     this.svc.doWork(vc, vc.element);
}