Ionic-cli: Ionic Lab - iOS view switches to material design on re-compile

[nickstucko]

Everything looks great when you first load up Ionic Lab (except for the known iOS statusbar issue - see #3069), however when you make a change in your code and press save - Ionic Lab recompiles/refreshes and the iOS view now shows the material design version. If you want to get the correct display again, you have to manually refresh the browser. Tested in the latest Firefox & Chrome. Anyone else seeing this behavior?

When Ionic Lab first loads up (looks great!):

After Ionic Lab re-compiles (iOS now shows MD view):

My ionic info:

Ionic:

   ionic (Ionic CLI)             : 4.2.1 (/usr/local/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.0.0-beta.12
   @angular-devkit/build-angular : 0.7.5
   @angular-devkit/schematics    : 0.7.5
   @angular/cli                  : 6.1.5
   @ionic/angular-toolkit        : 1.0.0

Cordova:

   cordova (Cordova CLI) : 8.1.2 ([email protected])
   Cordova Platforms     : not available
   Cordova Plugins       : not available

System:

   NodeJS : v8.9.1 (/usr/local/bin/node)
   npm    : 6.4.1
   OS     : macOS High Sierra
   Xcode  : Xcode 9.4.1 Build version 9F2000

[imhoffd]

This will be fixed at the same time as https://github.com/ionic-team/ionic-cli/issues/3069 (they both have the same root issue).

I'll just keep them together.

[imhoffd]

I lied, this is a different issue. 😆 Looking into this...

[nickstucko]

You are THE MAN.

[imhoffd]

Okay, we need a way to preserve query parameters in the Angular Router. (see https://github.com/angular/angular/issues/12664)

If we could turn this on globally, the configuration would be saved when first supplied by Lab.

EDIT: There's a workaround, just refresh the lab window