Angular 15与ng-bootstrap的Tooltip定位技巧

在使用Angular 15和ng-bootstrap 14.2开发应用时，常常会遇到一些UI组件的微调问题。今天我们来探讨如何解决一个常见的挑战：为ng-bootstrap的Tooltip设置偏移。

问题背景

通常，Tooltip的定位需要精确控制以确保用户体验的最佳化。在一个实际项目中，我们发现很难为Tooltip添加偏移，即使官方文档提到了相关的功能配置。

实例展示

假设我们有一个成员列表，每个成员都有一个头像，当鼠标悬停在头像上时会显示一个Tooltip。我们希望这个Tooltip能够相对于成员头像有一定的偏移。以下是一个简化版的HTML模板：

<div class="members-list__member"