在ng-bootstrap中不显示工具提示
的问题可能是由以下原因引起的：
- 缺少必要的依赖：确保你已经正确地安装了ng-bootstrap和相关的依赖包。你可以参考ng-bootstrap的文档或官方示例来检查是否缺少任何必要的依赖。
- 错误的使用方法：确保你正确地使用了ng-bootstrap中的工具提示组件。工具提示组件通常需要在HTML模板中使用
ngbTooltip指令来触发和显示。你可以查看ng-bootstrap的文档和示例来了解正确的使用方法。 - CSS样式问题：检查是否存在任何可能干扰工具提示显示的CSS样式。有时其他CSS规则可能会覆盖工具提示组件的默认样式。你可以使用浏览器的开发者工具来检查CSS样式并进行调试。
- 数据绑定问题：如果你在工具提示组件中使用了数据绑定，确保绑定的数据是正确的并且已经被正确地传递给了工具提示组件。
如果你仔细检查了上述问题仍然无法解决，可以尝试查阅ng-bootstrap的官方文档、GitHub仓库、或者向ng-bootstrap的社区提问寻求帮助。
腾讯云并没有直接相关的产品与工具提示组件。
相关·内容
我的问题是，我的工具提示显示在标题导航栏的下面，但我想让它在工具提示框点击标题时翻转到另一个位置(例如：'left-bottom')。
可以在ng-bootstrap中手动设置工具提示的边界吗？Vanilla Bootstrap api有边界选项，我认为这是为了限制工具提示可以显示的位置，但是ng-bootstrap<
浏览 13提问于2021-06-11得票数 3
回答已采纳
我使用在我的应用程序中显示工具提示。export class Component {}
注意:在这种情况下，显示的工具提示上没有任何文本此外，在中</em
浏览 0提问于2020-01-30得票数 0
1回答
我使用ng引导在我的角度项目中显示工具提示。我无法显示工具提示。没有控制台错误。btn-outline-secondary" ngbTooltip="Tooltip"></button>import {NgbModule} from '@ng-bootstrap/ng-bootstrap</em
浏览 0提问于2017-11-20得票数 0
回答已采纳
我有一个angular应用程序，在菜单抽屉中我尝试使用ng-bootstrap的工具提示。现在，在使用position=bottom或position=top的情况下，可以很好地呈现这些内容。当尝试使用正确的位置时，工具提示根本不显示。我尝试删除了各种组件(我认为z索引在这里可能是一个问题)，即使是在独立的情况下，这仍然没有显示出来。下面的截图将进一步解释我的情况。屏幕截图-->
版本--&
浏览 5提问于2019-08-08得票数 3
我的angular项目正在使用scss，在我切换到ng-bootstrap之前，我遵循以下指导原则在我的angular项目中集成了bootstrap和scss：
现在我切换到ng-bootstrap。
浏览 0提问于2017-10-25得票数 1
我使用ng-bootstrap 3.0.0和angular 4来显示悬停在图标上的bootstrap工具提示。但是由于未知的原因，工具提示不会在图标悬停时显示。color:#263a47;font-family:ev;margin-left: 10px;">Upload</span>--> </div>我已经
浏览 4提问于2018-08-23得票数 1
回答已采纳
我正在尝试将ng-bootstrap(1.1.0)与Angular(5.2.0)和bootstrap(4.0)一起使用。虽然我已经导入了所有特定的模块，但我无法显示工具提示。下面是我的代码： app.module.ts： import {NgbModule} from '@ng-bootstrap/ng-bootstrap';
declarations
浏览 6提问于2019-02-12得票数 0
我有一个用angular和ng-bootstrap构建的项目。我正在使用ngbTooltip在按钮上显示工具提示。Please fill out all mandatory fields before saving
</ng-template> 然而，当变量disabled为true时，即当按钮被禁用时，工具提示不会在Google Chrome中显示，但在Firefox中可以使用。在stackb
浏览 7提问于2020-04-24得票数 0
回答已采纳
试图实现工具提示在角9应用程序与Ng-引导.我在NgbModule中导入了app.module，但是没有任何工具提示不显示。app.module代码： declarations: [providers: [ bootstrap: [AppCompone
浏览 2提问于2020-04-16得票数 2
ERROR in node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts(118,34): error TS1005: ';'expected.
node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts(118,40): error TS1005: ';'exp
浏览 55提问于2020-02-16得票数 4
1回答
我正在尝试让ng-bootstrap工具提示在我的Angular 7应用程序中工作(或者他们的任何小部件)。虽然ng-bootstrap似乎已经安装了ok，但当我使用工具提示时，没有任何反应，如下所示：
<button (click)="Search();" class="btn btn-primary btn-sm
浏览 3提问于2018-12-19得票数 1
我一直在玩一个叫做源代码管理器的工具，我注意到，即使我只从NgbDateParserFormatter和NgbDatepickerModule从@ng-bootstrap/ng-bootstrap导入，源代码浏览器显示我正在获得手风琴、旋转木马、桌面集、弹出式和工具提示等等。编辑1: --这是我要导入的内容：
import { NgbDateParserFormatter, NgbDatepickerModule } from '@ng-bo
浏览 1提问于2017-07-25得票数 0
回答已采纳
我想使用自定义角度库中的Bootstrap库组件，如工具提示。我阅读了Bootstrap工具提示的文档，它要求对angular.json文件进行以下更改 "styles": [ "node_modules/bootstrap/node_modules/bootstrap/dist/js/bootstrap.js"
] 但是<
浏览 5提问于2020-06-16得票数 0
2回答
我想显示一个工具提示。我去了ng-引导程序并集成了那个代码。得到控制台错误。NgModuleRef_.get (core.es5.js:10562)at createClass (core.es5.js:10920)import {NgbModule} from '@ng-bootstrap/ng-bootstrap';
@
浏览 3提问于2017-11-13得票数 0
回答已采纳
我正在使用ng-bootstrap中的工具提示。所以基本上在不同的屏幕尺寸上，我需要工具提示显示在不同的位置： <span class="my-tooltip-lg" [placement]="'bottom'" #myTooltip="ngbTooltipdisplay: block;
.my-tooltip-s
浏览 7提问于2019-12-21得票数 2
回答已采纳
" [(ngModel)]="word.learned" (click)="learn(word)"></td> </tbody></div>这是Angular中</e
浏览 0提问于2018-10-11得票数 1
目前，ng-bootstrap允许使用ng-template在工具提示和弹出窗口上绑定HTML (参见example - )。
但我找不到一种方法来为ngb-alert做这件事--有支持它的吗？我需要能够在警报消息中显示自定义超文本标记语言(包括用户定义的指令)，而innerHTML不能做到这一点，因为它不编译用户定义的指令
浏览 4提问于2018-02-15得票数 1
1回答
我正在尝试使用ng引导来设置工具提示的全局配置。默认情况下，我希望容器是"body“。我在ng引导页上看到了它所需的代码：
import { Component } from '@angular/core';
import { NgbTooltipConfig } from '@ng-bootstrap/<
浏览 3提问于2017-06-20得票数 4
回答已采纳
2回答
引导5下拉不工作在角度12。
、、、、
我已经安装了所有必要的包，并将它们添加到angular.json文件中。"styles": [], "
浏览 4提问于2021-08-27得票数 13
回答已采纳
我正在尝试将数据传递给我的ng-bootstrap工具提示模板。按照这个示例，我现在一直在添加#t1="ngbTooltip"部件。因为我的元素是通过迭代数组来创建的，所以我不能手动添加#t1部分。这是我最大的努力：
当鼠标悬停在一个"cell *“表单元格上时，我希望工具提示用来自tooltipData的单元格数据呈现适当的模板。任何考虑和帮助都是非常感谢的。
浏览 2提问于2019-03-27得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
