作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我对 NgbTooltip 有要求,
以下是我的方法,但没有按预期工作。
<a [ngbTooltip]="hintTooltip" tabindex="0" triggers="click:blur">hint</a>
<ng-template #hintTooltip>
Sample hint description
<a href="www.abc.com" target="_blank">Learn more</a>
</ng-template>
上面的代码通过显示超链接来打开工具提示。但是当我单击超链接时,它不会打开新窗口,而是隐藏工具提示。
堆栈 Blitz :https://stackblitz.com/edit/angular-viipeo-dqjmfh?file=app/tooltip-triggers.html
感谢任何人可以提供帮助
最佳答案
已修复,如果有人感兴趣,下面是解决方案
.html
<a [ngbTooltip]="hintTooltip" tabindex="0" triggers="click:blur">hint</a>
<ng-template #hintTooltip>
Sample hint description
<a href="www.abc.com" target="_blank" (click)="nToolTip(t1, 'http://www.google.com');">Learn more</a>
</ng-template>
.ts
_toolTipCollection = [];
nToolTip(tooltip, _url?: string): void {
if (tooltip.isOpen()) {
if (_url) {
window.open(_url, '_blank');
}
}
for (const tooltip of this._toolTipCollection) {
tooltip.close();
}
this._toolTipCollection = [];
tooltip.toggle();
this._toolTipCollection.push(tooltip);
}
关于javascript - 在 NgbTooltip 内容中包含超链接(带有 _blank 目标)属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51757972/
我是一名优秀的程序员,十分优秀!