title: Unable to inject ActivatedRouteSnapshot
body: <p>Injecting ActivatedRouteSnapshot into a component is not working (and neither is injecting ActivatedRoute). Here the stack trace:</p>
  
  <pre><code>"Error: Can't resolve all parameters for ActivatedRouteSnapshot: (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?).
  at SyntaxError.ZoneAwareError (http://localhost:4200/polyfills.bundle.js:7042:33)
  at SyntaxError.BaseError [as constructor] (http://localhost:4200/vendor.bundle.js:73735:16)
  at new SyntaxError (http://localhost:4200/vendor.bundle.js:6140:16)
  at CompileMetadataResolver._getDependenciesMetadata (http://localhost:4200/vendor.bundle.js:19345:31)
  at CompileMetadataResolver._getTypeMetadata (http://localhost:4200/vendor.bundle.js:19220:26)
  at CompileMetadataResolver._getInjectableMetadata (http://localhost:4200/vendor.bundle.js:19208:21)
  at CompileMetadataResolver.getProviderMetadata (http://localhost:4200/vendor.bundle.js:19450:40)
  at http://localhost:4200/vendor.bundle.js:19408:49
  at Array.forEach (native)
  at CompileMetadataResolver._getProvidersMetadata (http://localhost:4200/vendor.bundle.js:19375:19)
  at CompileMetadataResolver.getNonNormalizedDirectiveMetadata (http://localhost:4200/vendor.bundle.js:18848:30)
  at CompileMetadataResolver._loadDirectiveMetadata (http://localhost:4200/vendor.bundle.js:18736:23)
  at http://localhost:4200/vendor.bundle.js:18937:54
  at Array.forEach (native)
  at CompileMetadataResolver.loadNgModuleDirectiveAndPipeMetadata (http://localhost:4200/vendor.bundle.js:18936:41)"
  </code></pre>
  
  <hr>
  
  <p>In the component, ActivatedRouteSnapshot is injected as follows:</p>
  
  <pre><code>constructor([...], private router: Router,
            private route: ActivatedRouteSnapshot) {
      [...]
  }
  </code></pre>
  
  <hr>
  
  <p>ActivatedRouteSnapshot is provided in <code>app.component.ts</code>:</p>
  
  <pre><code>@Component({
      selector: 'app-root',
      templateUrl: './app.component.html',
      styleUrls: ['./app.component.css'],
      providers: [[...], ActivatedRouteSnapshot]
  })
  </code></pre>
  
  <hr>
  
  <p>I'm trying to access the query params similarly to how it is done here: <a href="https://stackoverflow.com/a/38997116/3433306">https://stackoverflow.com/a/38997116/3433306</a></p>
  
  <p>According to the docs it should be as simple as adding it to the constructor parameters: <a href="https://angular.io/docs/ts/latest/api/router/index/ActivatedRouteSnapshot-interface.html" rel="noreferrer">https://angular.io/docs/ts/latest/api/router/index/ActivatedRouteSnapshot-interface.html</a></p>
  
  <p>What am I missing to successfully inject ActivatedRouteSnapshot?</p>