title: PWA display standalone & fullscreen not working after add ServiceWorkerModule in Angular 5
body: <h2>Current behavior</h2>
  
  <p>
  After add configuration to app module <code>environment.production ? ServiceWorkerModule.register('./ngsw-worker.js') : []</code> and enable <code>serviceWorker</code> in .angular-cli.json, my application after install on my device (LG G6) through Chrome with property <code>display</code> in manifest.json set on <code>standalone</code> or <code>fullscreen</code> after open on my device, the application always open in browser in new tab.
  When I remove service worker config (row in app module), app with only manifest open in standalone or fullscreen mode.</p>
  
  <h2>Expected behavior</h2>
  
  <p>
  After install app, application should open in stadalone or fullscreen mode, depends on set value in manifest.json.</p>
  
  <h2>Minimal reproduction of the problem with instructions</h2>
  
  
  
  <p>I have application generated with version 4.3 and updated to 5.1.3, add @angular/service-worker and generate with angular cli <code>build</code> with <code>--prod</code>. For serving the application, I use port forwarding in my chrome.</p>
  
  <p>manifest.json</p>
  
  <pre><code>{
    "short_name": "FindPark",
    "name": "Find Nearby Car Parks",
    "start_url": "/search",
  
    "theme_color": "#206886",
    "background_color": "#ffffff",
  
    "display": "standalone",
    "orientation": "portrait",
  
    "icons": [
      {
        "src": "/assets/favicon-72x72.png",
        "sizes": "72x72",
        "type": "image/png"
      },
      {
        "src": "/assets/favicon-96x96.png",
        "sizes": "96x96",
        "type": "image/png"
      },
      {
        "src": "/assets/favicon-144x144.png",
        "sizes": "144x144",
        "type": "image/png"
      },
      {
        "src": "/assets/favicon-256x256.png",
        "sizes": "256x256",
        "type": "image/png"
      },
      {
        "src": "/assets/favicon-512x512.png",
        "sizes": "512x512",
        "type": "image/png"
      }
    ]
  }
  </code></pre>
  
  <p>ngsw-config.json</p>
  
  <pre><code>{
    "index": "/index.html",
    "assetGroups": [{
      "name": "app",
      "installMode": "prefetch",
      "resources": {
        "files": [
          "/index.html"
        ],
        "versionedFiles": [
          "/*.bundle.css",
          "/*.bundle.js",
          "/*.chunk.js"
        ]
      }
    }, {
      "name": "assets",
      "installMode": "lazy",
      "updateMode": "prefetch",
      "resources": {
        "files": [
          "/assets/**"
        ]
      }
    }]
  }
  </code></pre>
  
  <h2>What is the motivation / use case for changing the behavior?</h2>
  
  <p>
  I don't know why isn't working with my application because I find example similar to my app https://angularfirebase.com/lessons/hnpwa-angular-5-progressive-web-app-service-worker-tutorial/ and I clone and build and work fine (display as standalone app).</p>
  
  <h2>Environment</h2>
  
  <pre><code>
  Angular version: 5.1.3 (also checked with 5.0.0, 5.0.3, 5.1.0)
  
  
  Browser:
  - [x] Chrome (desktop) version 63.0.3239.108
  - [x] Chrome (Android) version 63.0.3239.111
  - [ ] Chrome (iOS) version XX
  - [ ] Firefox version XX
  - [ ] Safari (desktop) version XX
  - [ ] Safari (iOS) version XX
  - [ ] IE version XX
  - [ ] Edge version XX
  
  For Tooling issues:
  - Node version: 6.11.4  
  - Platform:  Linux 
  
  Others:
  @ngrx 4
  rxjs 5.5.6
  Android 
  
  </code></pre>