title: Unable to fetch the latest state from different stores at once using Ngrx
body: <p>I'm using <a href="https://ngrx.io/" rel="nofollow noreferrer">Ngrx</a> in my Angular application to fetch data from the store.<br>
  I created multiple stores : context, decision and status to create a functional seperation between objects.</p>
  <p>I have a case where the UI needs to poll at the same time the latest state from 2 different stores so it can enable/disable a button.</p>
  <p>Here is an example where the  the state of <code>titi</code> gets updated from an other component after a button gets clicked.<br>
  My problem is that with my actual code I'm not able to get the latest state for <code>this.titi</code> !<br>
  Here is my code :</p>
  <pre><code>export class MyComponent implements OnInit, OnDestroy {
  
     private titi: Titi;
     private toto: Toto;
     private unsubscribe$: Subject&lt;void&gt; = new Subject&lt;void&gt;();
  
     constructor(private store: Store&lt;State&gt;) {}
  
     ngOnInit() {
  
        this.store.pipe(
           select(selectTiti),
           takeUntil(this.unsubscribe$)
        ).subscribe(state =&gt; {
           this.titi= state.titi;
        });
  
        this.store.pipe(
           select(selectTata),
           takeUntil(this.unsubscribe$)
        ).subscribe(state =&gt; {
           this.tata= state.tata;
        });
  
     }
  
     public isBtnDisabled() {
        return this.titi === 'latest value of titi' &amp;&amp; this.tata === 'latest value of tata';
     }
  
     ....
  
     ngOnDestroy(): void {
       this.unsubscribe$.next();
       this.unsubscribe$.complete();
     }
  }
  </code></pre>
  <p>and the UI :</p>
  <pre><code>&lt;button [disabled] = 'isBtnDisabled()'&gt;&lt;/button&gt;
  </code></pre>