Need help upgrading to Ionic Framework 4.0? Get assistance with our Enterprise Migration Services EXPLORE NOW

HideWhen

[hideWhen]

Improve this doc

The hideWhen attribute takes a string that represents a plaform or screen orientation. The element the attribute is added to will only be hidden when that platform or screen orientation is active.

Complements the showWhen attribute. If the hideWhen attribute is used on an element that also has the showWhen attribute, the element will not show if hideWhen evaluates to true or showWhen evaluates to false. If the hidden attribute is also added, the element will not show if hidden evaluates to true.

View the Platform API docs for more information on the different platforms you can use.

Usage

<div hideWhen="android">
 I am hidden on Android!
</div>

<div hideWhen="ios">
 I am hidden on iOS!
</div>

<div hideWhen="android,ios">
 I am hidden on Android and iOS!
</div>

<div hideWhen="portrait">
 I am hidden on Portrait!
</div>

<div hideWhen="landscape">
 I am hidden on Landscape!
</div>

Related

ShowWhen API Docs, Platform API Docs

API

Native

General