title: Subject.next not firing in ngOnInit
body: <p>Does anyone know why this code (initializing a value from Subject) does not work? Is there a bug or by design? What am I doing wrong?</p>
  <p><strong>ts</strong></p>
  <pre><code>import { Component, OnInit } from '@angular/core';
  import { Subject } from &quot;rxjs&quot;;
  
  @Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.styl']
  })
  export class AppComponent implements OnInit {
    itemSupplier$: Subject&lt;any[]&gt; = new Subject&lt;any[]&gt;();
  
    items: any[] = [
      {name: 'Item 1', value: 'item1'},
      {name: 'Item 2', value: 'item2'},
    ];
  
    ngOnInit(){
      this.itemSupplier$.next(this.items);
    }
  }
  </code></pre>
  <p><strong>html</strong></p>
  <pre><code>&lt;ul&gt;
      &lt;li *ngFor=&quot;let item of itemSupplier$ | async&quot;&gt;{{item.name}}&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>