如何使我的工具提示组件可重用?在角度

时间:2021-03-01 21:22:01

标签: angular bootstrap-4 tooltip ng-bootstrap

我正在为我的应用程序使用 NgBootstrap 工具提示,我想让我的工具提示组件可重用,因为我必须在我的应用程序中的 10 个地方实现这个工具提示。我想让属性“ngbTooltip”可重用,因为该属性在悬停时显示文本。此组件位于我的共享模块中,我想在其他模块中使用它来更改悬停时显示的文本。

这是我的工具提示组件模板文件:

<span placement="bottom" ngbTooltip="Tooltip on bottom">
  <ng-content></ng-content>
</span>

这是我实现这个组件的地方

<p fxFlex="60" fxFlex.lt-md="90">
    ¿Eres residente fiscal, ciudadano o has pasado más de 183 días en los últimos 3 años en los <span>Estados Unidos de América?</span>
    <app-tooltip><mat-icon class="icon-tooltip">info</mat-icon></app-tooltip>
</p>

0 个答案:

没有答案