关于 li HTML 标签问题的 PrimeNG 工具提示

【问题标题】：PrimeNG Tooltip on li HTML tag issue关于 li HTML 标签问题的 PrimeNG 工具提示
【发布时间】：2021-02-17 00:27:06
【问题描述】：

我已将TooltipModule 添加到app.module.ts 的导入中，但是当我将pTooltip="Hello World" 添加到<li> 标记时，它不会显示工具提示。关于我应该考虑检查什么或什么会阻止它显示的任何建议？

【问题讨论】：

primeng的样式添加了吗？
@Derek.W 是的，一切都在那里

标签： javascript html angular primeng

【解决方案1】：

在您的实现中，缺少在前端导入 primeng CSS 文件。

您需要将这些CSS 文件添加到html 代码中。最好在index.html 文件或angular.json 文件中导入。

<link rel='stylesheet' type='text/css' href='https://cdn.jsdelivr.net/npm/primeng@8.0.2/resources/themes/nova-light/theme.css'/>
<link rel='stylesheet' type='text/css' href='https://cdn.jsdelivr.net/npm/primeng@8.0.2/resources/primeng.min.css'/>

【讨论】：

最好导入到angular.json文件中。