ngb属性的不同位置

Question

我有一个输入，该输入带有工具提示，并使用ngb属性附加了一个下拉列表：

<input 
  placement="right" 
  ngbTooltip="Search" 
  [ngbTypeahead]="search" 
/>

问题是，我希望工具提示显示在输入的右侧，但我希望为typeahead显示的下拉菜单显示在输入下方。在同一个元素上是否可以有多个展示位置，以便每个元素都有自己的位置？

Answer 1

您可以将输入元素包装在内置容器中，例如span，在其上设置工具提示：

<span ngbTooltip="Tooltip at the right" placement="right" >
  <input [ngbTypeahead]="search" placement="bottom" />
</span>

有关演示，请参见this stackblitz。

Answer 2

不。但是您可以通过以下方法解决该问题：

• 使用占位符而不是工具提示。这对我来说似乎更合适（请参阅此页面顶部的搜索文本字段）
• 用跨度包裹输入，并在跨度而不是输入上添加工具提示