title: Unsubscribing Multiple Subscription from Different Functions
body: <p>i have multiple functions that have subscriptions. First i have it on the ngOnInit(), then i have another function called onSelectVillain(). So my question is this possible that you could just use this.subscription.unsubscribe(). Or should i make declare another subscription?</p>
  
  <pre><code>subscription: Subscription;
  
      ngOnInit() {
        this.subscription = this.heroService.getHeroes()
                         .subscribe(
                           heroes =&gt; this.heroes = heroes,
                           error =&gt;  this.errorMessage = &lt;any&gt;error);
      }
  
      onSelectVillain(event) {
        this.subscription = this.villainService.getVillains()
                         .subscribe(
                           .....
      }
  
      ngOnDestroy(){
       this.subscription.unsubscribe()
      }
  </code></pre>