关于 li HTML 标签问题的 PrimeNG 工具提示
PrimeNG Tooltip on li HTML tag issue
我已将 TooltipModule
添加到 app.module.ts
中的导入,但是当我将 pTooltip="Hello World"
添加到 <li>
标签时,它不会显示工具提示。关于我应该考虑检查什么,或者什么可以阻止它显示的任何建议?
在您的实施中,缺少在前端导入 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'/>
我已将 TooltipModule
添加到 app.module.ts
中的导入,但是当我将 pTooltip="Hello World"
添加到 <li>
标签时,它不会显示工具提示。关于我应该考虑检查什么,或者什么可以阻止它显示的任何建议?
在您的实施中,缺少在前端导入 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'/>