title: Observable<Array> Angular2
body: <p>I have object array in my Angular2 application. I am using SignalR to fill array when new object arrives. Now the point is when new object arrived I had error </p>
  
  <blockquote>
    <p>cannot read property of undefined</p>
  </blockquote>
  
  <p>I rode that it might be error because its working async and in html I used to take object inside object.</p>
  
  <p>So now the code look like:</p>
  
  <pre><code>&lt;div *ngFor="let event of events"&gt;
          &lt;div class="card overview"&gt;
              &lt;div class="overview-content clearfix "&gt;
                  &lt;span class="overview-title" pTooltip="{{event.name}}"&gt;{{(event | async)?.user?.name}} / {{(event | async)?.date | date:"HH:mm" }}&lt;/span&gt;
                  &lt;span class="overview-badge "&gt; &lt;i class="material-icons "&gt;{{getActivityIcon(event.activityId)}}&lt;/i&gt;
              &lt;button type="button" pButton (click)="selectEvent($event,event,op);" icon="fa-search"&gt;&lt;/button&gt; 
              &lt;/span&gt;
  
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>And now the error is </p>
  
  <blockquote>
    <p>NgFor only supports binding to Iterables such as Arrays.</p>
  </blockquote>
  
  <p>My object array is in component and look as below:</p>
  
  <pre><code>events: Observable&lt;Event[]&gt;;
  </code></pre>
  
  <p>I understand the error but how can I make it work now?</p>