title: Angular 6 + RxJS 6.0 : How to push new element to array contained by Observable
body: <p>I am receiving data from firebase server in chunks while rendering that data requires a library which insists on observable contains Array. I am somehow unable to push a new data chunk to existing data chunk array contained by observable,</p>
  
  <p>From dataservice I am calling by subject's next and trying to add a new calEvent</p>
  
  <pre><code> this.homeWorkerService.eventSubject.next(calEvent);
  </code></pre>
  
  <p>In component, I have following code</p>
  
  <pre><code>events$: Observable&lt;Array&lt;CalendarEvent&lt;any&gt;&gt;&gt;;
  </code></pre>
  
  <p>and ngOnInit, I am supplying data to it like</p>
  
  <pre><code>this.events$ = this.service.eventSubject.asObservable();
  </code></pre>
  
  <p>Could you please suggest any way by which I can add a new event to observable which already hold my events.</p>
  
  <p>PS : I am using <a href="https://mattlewis92.github.io/angular-calendar/" rel="noreferrer">this</a> lib to render calendar and using remoteDB to render events.</p>
  
  <p>Thanks,</p>