2017-02-26 75 views
3

In Angular 1材質我可以使用指令,現在它是一個屬性,現在很難做到。我怎樣才能做到這一點,只是爲了顯示工具提示,就像當頁面寬度很小時隱藏,當它很大時隱藏?隱藏Angular 2材質工具提示,如ngIf

我找不到。這是不可能使用這樣的:

<md-tooltip ngIf="false">sometimes hidden</md-tooltip> 

回答

6

如果我正確理解你的要求,你想顯示僅當滿足特定條件提示,試試這個:

<div [mdTooltip]="isWide ? 'Visible' : null"></div> 
+0

謝謝,我一直在尋找這個 –

+0

實際的角5,只需要替換mdTooltip matTooltip –

0

如果要有條件地隱藏你可以使用* ngIf或隱藏的元素。例如

<div *ngIf="someVariable">content</div> // if someVariable if true, will display 

<div [hidden]="someVariable">content</div> // if someVariable is true, will hide 
+2

遺憾的幫助。我只需要md-tooltip,這是一個屬性。保留文字,但隱藏工具提示,很奇怪。 –

+1

我不明白你想做什麼。你想讓內容出現在工具提示之外?在這種情況下,只是把它放在一個單獨的div與相反ngIf條件 –