html - 角度指令动态切换工具提示方向？

Question

您好，我正在使用 Angular，需要修改现有的工具提示组件，以便它动态更改位置以始终保持在屏幕上。

现在我正在尝试实现一个要添加到工具提示组件的指令。但是我遇到了一个问题，工具提示正在改变方向，但它仍然连接到同一个地方的触发器元素。见下文。我如何也使用该指令使工具提示的路标来自触发元素上的正确位置。

nativeElement 上是否有人可以更改此设置？

@Directive({
   selector: '[showTooltipOnScreen]'
})
export class ShowTooltipOnScreenDirective {
   constructor(private el: ElementRef) {
       el.nativeElement.classList.remove("tooltip-right");
       el.nativeElement.classList.add("tooltip-top-left");
   }
}

工具提示现在应该从“忙碌”文本的左上角出来

标签： htmlcssangularangular-directive