ons-if

Conditionally display content depending on the platform, device orientation or both. Sometimes it is useful to conditionally hide or show certain components based on platform. When running on iOS the <ons-if> element can be used to hide the <ons-fab> element.

Tutorial

ons-if is recommended to only be used without bindings. When using Angular 2+, we recommend using Angular’s ngIf instead.

See also

Attributes

Name Type Description
platform string Space-separated platform names. Possible values are "ios", "android", "windows" and "other". Optional. Works only during initialization.
orientation string Either "portrait" or "landscape". Optional.

Need Help?

If you have any questions, use our Community Forum or talk to us on Discord chat. The Onsen UI team and your peers in the community will work together to help solve your issues.

For bug reports and feature requests use our GitHub Issues page.