I am currently developing a pwa that runs as website for browsers and as app for mobiles. The challenge is that the browser design has elements that differ form the mobile apps, like different header and more funcionalities. I want to use the same code on both.
For now i’m checking the running platform and using different templates. But i think there must be a better way.
Can anyone give me some advice about the best way to implment this?
<div *ngIf="isDesktop;then desktopcontent else mobilecontent"> </div> <ng-template #desktopcontent> <!-- ion-content --> </ng-template> <ng-template #mobilecontent> <!-- ion-content --> </ng-template>