我正在使用angular 4和bootstrap 4和ng-bootstrap。我有一个要求,当用户将鼠标悬停在信息图标上时,应将html表显示为正确的工具提示。这是我使用工具提示的代码行:
<i class="fa fa-info-circle" aria-hidden="true" style="margin-top: auto; color: skyblue; padding-bottom: 5px;" placement="right" ngbTooltip="Tooltip on right"></i>
Run Code Online (Sandbox Code Playgroud)
现在,如果我将鼠标悬停在图标上,则只会得到ngbTooltip中提到的内容。我试着将html代码放进去,就像这样, ngbTooltip="<h1>Test Content</h1>"但是它只是将所有内容显示为文本,而不是h1
我也搜索了SO,很多人建议为此使用jquery插件,但是恐怕我这里不允许使用jquery插件。所以,无论如何,我可以在此处悬停获取html表或其他解决方法吗?
TIA
我正在 useEffect 钩子内从服务器获取用户列表,并尝试将其显示在 HTML 选择下拉列表中。像这样的代码和框链接 正如您所见,下拉列表中没有显示任何内容。但与此同时,所有数据都存在,因为它显示在下面的列表中。
我尝试在没有任何库的情况下实现普通的 HTML 选择,目前正在使用 react-select。我也试过这个:
{ posts? (<Select options={posts}) : null }
Run Code Online (Sandbox Code Playgroud)
但没有成功。我在这里错过了什么?如何在下拉列表中显示从服务器获取的数据?