title: How to use `providedIn` to limit the service to one componet
body: <p>I create a service, which used with one component, which also has the provide decorator.</p>
  
  <pre><code>@Component({
    ....
    providers: [MYSerice]
  })
  export class MYComponent implements OnDestroy { ... }
  </code></pre>
  
  <p>This service is use by this component alone. So in my service I want to limit the <code>providedIn</code> to this component.</p>
  
  <pre><code>@Injectable({
    providedIn: MYComponent 
  })
  export class MYSerice{
  </code></pre>
  
  <p>However this causes a circular dependency, and I cant find a way around it. </p>
  
  <p>This service </p>
  
  <ol>
  <li>should only be used by this component</li>
  <li>be destroyed when the component is destroyed </li>
  <li>not be used by another component.</li>
  </ol>
  
  <p>Mybe there also is something better than a service for that, but I think this would be the angular way.</p>
  
  <p>What I tried / research:</p>
  
  <ul>
  <li>Found:
  <a href="https://stackoverflow.com/questions/51097327/angular-6-providedin-doesnt-work-staticinjectorerror">Angular 6 providedin doesn&#39;t work -&gt; StaticInjectorError</a>
  but didn't help my case.</li>
  <li>Tried various combinations but everything beside <code>providedIn: 'root'</code>
  threw an error</li>
  </ul>
  
  <p>Thanks for your help</p>