2016-10-18 6 views
1

:しかし追加するツールチップは、私は次のようにMD-アイコンボタンにMDのツールチップを追加しようとしています

<div 
    layout = 'row' 
    layout-align = 'center center'> 
    <button 
     md-icon-button 
     color = 'primary' 
     (click) = 'resetInputForm()'> 
    <md-icon class = 'md-24'>cached</md-icon> 
    md-tooltip='Reset' tooltip-position='above' 
    </button> 
</div> 

、アイコンのツールチップのテキスト・リテラルは、ページの代わりに、メッセージに表示されています下の画像に示すように:

ありがとうございます。

enter image description here

答えて

1

あなたはbuttonタグにatributteとしてツールチップを追加する必要があります:あなたの指示に従い

<button 
    md-icon-button 
    color = 'primary' 
    (click) = 'resetInputForm()' 
    md-tooltip='Reset' 
    tooltip-position='above'> 
     <md-icon class = 'md-24'>cached</md-icon> 
</button> 
+0

オーバーレイプロバイダが見つからないエラーになります。私はそれを角度から見つけることができない。あなたは何か考えていますか? –

+0

あなたはapp.module.tsを追加する必要があります: "@ angular2-material/core"からimport {OVERLAY_PROVIDERS};プロバイダ:OVERLAY_PROVIDERS – kLeo

+0

プロパティtooltip-positon = 'right'を使用すると常にエラーがスローされます。どのようなアイデアがここで起こっているか。ありがとう –

関連する問題