I think I have found a solution or let us call it a workaround for this problem, there is an angular lib which has different directives, have a look at
It seems to work great
We use for example something like that
<ion-row *showItBootstrap="['xs', 'sm']">
.....
</ion-row>
<ion-row *showItBootstrap="['md', 'lg', 'xl']">
.....
</ion-row>
With this lib you can add several checks for different screen sizes or devices or browser or many others.
Another big advantage I figured out, showWhen
and hideWhen
only add display: none to element, but in fact the component is still there. I think this lib is more then an *ngIf
, so it is not rendered and so not in the DOM present!
This could be a very big advantage.
It would be very very nice to see something like that in ionic in feature!