html - Angular 5(及更多): HTMLElement with @ViewChild

Question

我必须用 @ViewChild() 引用 htmlElement，有什么办法吗？我必须创建一个 HTMLElement，然后尝试分配对 viewChild 或类似内容的引用。感谢您的关注。

Answer 1

我来这里是为了寻找一种方法来从选择子组件的 ViewChild 中获取 HTMLElement。我意识到这不完全是问题所在。不过，它可能会有帮助。

这可以使用 ViewChild.opts 中的 read 选项来实现:

<my-child-component #mySelector></my-child-component>

@ViewChild('mySelector', {read: ElementRef})
childElement: ElementRef<HTMLElement>;

doSomething() {
  const htmlElement = childElement.nativeElement;
}