title: update angular2-fullcalendar after ngAfterViewInit
body: <p>Alright, this is something new and I haven't got it answered in any threads related to angular2-fullcalendar.</p>
  
  <p>I am able to compile what is said and written on this documentation of <a href="https://www.npmjs.com/package/angular2-fullcalendar" rel="nofollow noreferrer">angular2-fullcalendar</a></p>
  
  <p>Problem occurs when i am trying to populate calendar with my events, after the view has been initialised.</p>
  
  <p>Scenario 1: </p>
  
  <ol>
  <li>View Loads</li>
  <li>Shows Calendar</li>
  <li>Events are displayed(hard-coded)</li>
  </ol>
  
  <p>Scenario 2:</p>
  
  <ol>
  <li>View Loads</li>
  <li>Shows Calendar </li>
  <li>getting records(from server)</li>
  <li>Asked angular2-fullcalender to update my view.</li>
  <li>No error, nor the events are displayed.</li>
  </ol>
  
  <p>HTML: </p>
  
  <pre><code>&lt;angular2-fullcalendar [options]="some" id="mycal" #mycal&gt;&lt;/angular2-fullcalendar&gt;
  </code></pre>
  
  <p>Working example: Scenario 1</p>
  
  <pre><code>event: any[] = 
            [{
              title: 'Long Event',
              start: '2017-02-21',
              end: '2017-02-22'
            },{
              title: 'Long Event',
              start: '2017-02-16T16:00:00',
              end: '2017-02-17'
            }];
  calOptions: Options = {};
  ngOnInit() 
  {
   this.some.events = this.event;
  }
  </code></pre>
  
  <p>Not working example: Scenario 2</p>
  
  <pre><code>event: any[] = 
            [{
              title: 'Long Event',
              start: '2017-02-21',
              end: '2017-02-22'
            },{
              title: 'Long Event',
              start: '2017-02-16T16:00:00',
              end: '2017-02-17'
            }];
  ngOnInit() { this.getBookings(); }
  
  getBookings() {
  
          this._service.getEvents().subscribe(values =&gt; {
  
  this.updateCalendar();
  
  }, () =&gt; console.log('error'))
  
  updateCalendar()
      {
  this.calOptions.events = this.event;
        //$(this.element.nativeElement).fullCalendar('updateEvents',this.event) //I tried doing the query way too, but it failed.
      }
  </code></pre>