ツールチップに関連するデータを取得または設定します。 'context' は、ツールチップで作業する際のアクセスに必要な情報の保管に使用されます。
// 取得
let tooltipContext = this.tooltip.context;// 設定
this.tooltip.context = "Tooltip's context";Identifier for the tooltip. このプロパティが明示的に設定されていない場合、自動的に生成されます。
let tooltipId = this.tooltip.id;トグル コンテナが閉じた後にイベントを発生します。
onToggleClosed(event) {
alert("Toggle closed!");
}<div
igxToggle
(onClosed)='onToggleClosed($event)'>
</div>トグル コンテナが閉じた前にイベントを発生します。
onToggleClosing(event) {
alert("Toggle closing!");
}<div
igxToggle
(onClosing)='onToggleClosing($event)'>
</div>トグル コンテナが開いた後にイベントを発生します。
onToggleOpened(event) {
alert("Toggle opened!");
}<div
igxToggle
(onOpened)='onToggleOpened($event)'>
</div>トグル コンテナが開いた前にイベントを発生します。
onToggleOpening(event) {
alert("Toggle opening!");
}<div
igxToggle
(onOpening)='onToggleOpening($event)'>
</div>Get the role attribute of the tooltip.
let tooltipRole = this.tooltip.role;トグルを閉じます。
this.myToggle.close();トグルを開きます。
this.myToggle.open();Repositions the toggle.
this.myToggle.reposition();現在状態によってトグルを開くか、閉じます。
this.myToggle.toggle();
Ignite UI for Angular Tooltip - ヘルプ
Ignite UI for Angular Tooltip ディレクティブは、ツールチップとして動作する要素としてマークアップで HTML 要素をマークするために使用されます。 ツールチップは、エクスポートしたツールチップを個別のターゲット セレクター プロパティに割り当てて Ignite UI for Angular Tooltip Target と組み合わせて使用します。
例:
<button [igxTooltipTarget]="tooltipRef">Hover me</button> <span #tooltipRef="tooltip" igxTooltip>Hello there, I am a tooltip!</span>