ブートストラップ4と角度2のツールチップを表示する方法は？

Question

条件に基づいて入力フィールドのツールチップを表示したいのですが、ここで私が使用した次のコードスニペットがあります。私は特定の変数に基づいてツールチップを表示したい。

<input type="text" class="form-control error-tooltip" 
    focusFirst="false" ngbTooltip="{{error}}" 
    placement="bottom" 
    triggers="manual" #t="ngbTooltip"> 

Answer 1

公式ドキュメントでは、

ツールチップには任意のHTML、角括弧、さらにはディレクティブを含めることができます。 < テンプレート>要素に目的のコンテンツを囲みます。

例official site;提出するようにあなたの方法で

@ViewChild('t') tooltip: NgbTooltip; 

は、開くために：あなたのコントローラで

<input type="text" class="form-control" formControlName="name" placeholder="placeholder" ngbTooltip="tipContent" #t="ngbTooltip" > 

：あなたのテンプレートで

<template #tipContent>Hello, <b>{{name}}</b>!</template> 
<button type="button" class="btn btn-secondary" [ngbTooltip]="tipContent"> 
    I've got markup and bindings in my tooltip! 
</button> 

Answer 2

this.tooltip.open(); 

必ず城をロードしますモジュールとインポートNgbTooltip

ドキュメントで、たとえば、コンテキストと手動トリガを参照してください：https://ng-bootstrap.github.io/#/components/tooltip/examples

Answer 3

使用ngbTooltipツールチップ

用例：応答のための

<i data-toggle="tooltip" data-placement="top" ngbTooltip="your message">?</i>