用户第一次将标题更改为未溢出的标题时，不要显示工具提示

Question

我编写了仅当标题溢出时才显示工具提示的代码，否则不应显示工具提示（标题可以由用户更改）。

html：

      <div #titleElement class="title" [innerHTML]="page.title | englishMarker" 
 data-toggle="tooltip" data-animation="false" [attr.data-original- 
title]="isOverflown(titleElement)?page.title:null" ></div>

ts :（检查元素是否溢出）

isOverflown(titleElement:HTMLElement):boolean {
return  titleElement.scrollWidth > titleElement.clientWidth ;
}

当用户按OK更改标题时，组件将自行抬起：

onPageTitleChanged() {
    this.cd.markForCheck();
}

问题是如果标题“ page exa ...”的工具提示显示为“ page example”标题，但是当用户将鼠标悬停在标题上时第一次将标题更改为“ page”时（不会溢出）它会显示带有“页面”标题的工具提示，然后当将鼠标悬停在标题上时，它不会显示，为什么会发生这种情况，我不会显示标题是否没有溢出的工具提示（第一次用户更改标题） 我希望任何人都能理解我:(，有人可以帮助我解决该问题吗？