ngb 属性的不同位置
different placements for ngb attributes
我有一个带有工具提示和使用 ngb 属性附加到它的下拉菜单的输入：
<input
placement="right"
ngbTooltip="Search"
[ngbTypeahead]="search"
/>
问题是，我希望工具提示显示在输入的右侧，但我希望为 typeahead 显示的下拉列表显示在输入下方。是否可以在同一个元素上放置多个位置以便每个位置都有自己的位置？
您可以将输入元素包装在一个内联容器中，例如 span，您可以在其中设置工具提示：
<span ngbTooltip="Tooltip at the right" placement="right" >
<input [ngbTypeahead]="search" placement="bottom" />
</span>
有关演示，请参阅 this stackblitz。
没有。但您可以通过
解决此问题
- 使用占位符而不是工具提示。这看起来更适合我（请参阅本页顶部的搜索文本字段）
- 用跨度包装输入，并在跨度而不是输入上添加工具提示
我有一个带有工具提示和使用 ngb 属性附加到它的下拉菜单的输入：
<input
placement="right"
ngbTooltip="Search"
[ngbTypeahead]="search"
/>
问题是，我希望工具提示显示在输入的右侧，但我希望为 typeahead 显示的下拉列表显示在输入下方。是否可以在同一个元素上放置多个位置以便每个位置都有自己的位置？
您可以将输入元素包装在一个内联容器中，例如 span，您可以在其中设置工具提示：
<span ngbTooltip="Tooltip at the right" placement="right" >
<input [ngbTypeahead]="search" placement="bottom" />
</span>
有关演示，请参阅 this stackblitz。
没有。但您可以通过
解决此问题- 使用占位符而不是工具提示。这看起来更适合我（请参阅本页顶部的搜索文本字段）
- 用跨度包装输入，并在跨度而不是输入上添加工具提示