【Angular】10分で分かるAngularMaterialのTooltipの使い方

0
【Angular】10分で分かるAngularMaterialのTooltipの使い方


原田です。今回はTooltipについて解説を行います。

ソースコードはGitHubで公開しています。

AngularMaterialの環境構築については、こちらを参照してください。
http://issier.com/archives/17#

※ Tooltipを利用するには、MdTooltipModuleをインポートする必要があります。



スポンサーリンク




サンプル

ソースコード


https://gist.github.com/shinji5761/6bb8da7db0659a9357535541eceddc3a

ソースコード解説


MdTooltipModuleでは、Tooltipを設定するためのパラメータがしようできるようになります。

以下に、各パラメータについて示す。

MdTooltipModuleのパラメータ

種類 パラメータ 概要
Input mdTooltip 表示するメッセージ。
mdTooltipPosition 表示する位置。
left : 左
right : 右
above : 上
below : 下
mdTooltipDisabled 表示・非表示を設定。
mdTooltipShowDelay カーソルを当ててから表示するまでの時間(ms単位)。
mdTooltipShowDelay カーソルを外してから消えるまでの時間(ms単位)。

まとめ

ツールチップについて解説した。


スポンサーリンク




コメントを残す