title: Resolvers Seem to Get A Duplicate Injector
body: <p>I'm writing a lazy-loaded module for my Angular 2 application, and I'm encountering an issue when trying to inject a singleton service into both a resolver and component. It seems that the resolver gets an injector which has the same providers as the component, but it is completely isolated from the component injector.</p>
  
  <p><a href="http://plnkr.co/edit/aqGeeiPn5vMh6fFSPnlH?p=preview" rel="nofollow noreferrer">Plunkr</a></p>
  
  <p>My structure is like this:</p>
  
  <ul>
  <li><code>RootModule</code>
  
  <ul>
  <li><code>AppComponent</code></li>
  <li><code>LazyLoadedModule</code>
  
  <ul>
  <li><code>LazyLoadedComponent</code></li>
  <li><code>LazyLoadedComponentResolver</code></li>
  <li><code>BackendService</code></li>
  </ul></li>
  </ul></li>
  </ul>
  
  <p>My <code>LazyLoadedModule</code> declares the <code>LazyLoadedComponent</code>, and provides both the <code>LazyLoadedComponentResolver</code> and <code>BackendService</code>. Both the component and resolver attempt to inject the <code>BackendService</code>, but each are getting unique instances.</p>
  
  <p>It seems that</p>
  
  <ul>
  <li>The component gets an <code>ElementInjector</code>, which has it's own <code>BackendService</code> instance</li>
  <li>The resolver gets an <code>LazyLoadedModuleInjector</code>, which has it's own <code>BackendService</code> instance</li>
  </ul>
  
  <p><strong>Is this is correct behavior? Is there no way to inject a singleton into both a resolver and a component?</strong></p>