2017-07-17 60 views
0

在我的Angular程序中,我想顯示一個文本字符串,說明當您將鼠標懸停在按鈕上時按鈕所做的操作。在盤旋時是否可以顯示按鈕的描述?

我該怎麼做?

Here's a picture of what I'm talking about.

我的鼠標懸停在谷歌按鈕。

這是我爲我的一個按鈕html代碼是否有幫助:

  <button [disabled]="!isDisabled" name="enable" class="btn btn-default btn-margin" (click)="toggleDisabled()"><i class="fa fa-pencil" aria-hidden="true"></i></button>

+0

你嘗試title屬性? 這裏的示例 https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_global_title –

+0

@KaranGarg我沒有意識到這一點,謝謝 - 完美的作品!如果你想把它作爲答案,我會接受它 – asdf

回答

0

添加

title="my tooltip text" 

[title]="aPropertyWithTooltipContent" 

tooltips for Button

2

看到您可以使用標題

  <button [disabled]="!isDisabled" name="enable" class="btn btn-default btn-margin" (click)="toggleDisabled()" title="Something"><i class="fa fa-pencil" aria-hidden="true"></i></button>