title: not use an angular2-fullcalendar
body: <p>I referred to <a href="https://www.npmjs.com/package/angular2-fullcalendar" rel="nofollow noreferrer">https://www.npmjs.com/package/angular2-fullcalendar</a>.
  But, It will not be displayed properly.
  Only the header part of calendar is displayed.
  Where is the mistake?</p>
  
  <pre><code>npm install ap-angular2-fullcalendar --save
  </code></pre>
  
  <p>app.module.ts</p>
  
  <pre><code>import { BrowserModule } from '@angular/platform-browser';
  import { NgModule } from '@angular/core';
  import { FormsModule } from '@angular/forms';
  import { HttpModule } from '@angular/http';
  
  import { AppComponent } from './app.component';
  import {CalendarComponent} from "ap-angular2-fullcalendar";
  
  @NgModule({
    declarations: [
      AppComponent,
      CalendarComponent
    ],
    imports: [
      BrowserModule,
      FormsModule,
      HttpModule
    ],
    providers: [],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>
  
  <p>style.css</p>
  
  <pre><code>@import "../node_modules/fullcalendar/dist/fullcalendar.min.css";
  </code></pre>
  
  <p>app.component.html</p>
  
  <pre><code>&lt;angular2-fullcalendar [options]="calendarOptions"&gt;&lt;/angular2-fullcalendar&gt;
  </code></pre>
  
  <p>app.component.ts</p>
  
  <pre><code>import {Component, ViewChild} from '@angular/core';
  import {CalendarComponent} from "ap-angular2-fullcalendar";
  
  @Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
  })
  export class AppComponent {
    title = 'app works!';
  
  
    @ViewChild(CalendarComponent) myCalendar: CalendarComponent;
  
    changeCalendarView(view) {
      this.myCalendar.fullCalendar('changeView', view);
    }
  
    calendarOptions:Object = {
      height: 'parent',
      fixedWeekCount : false,
      defaultDate: '2016-09-12',
      editable: true,
      eventLimit: true, // allow "more" link when too many events
      events: [
        {
          title: 'All Day Event',
          start: '2016-09-01'
        },
        {
          title: 'Long Event',
          start: '2016-09-07',
          end: '2016-09-10'
        },
        {
          id: 999,
          title: 'Repeating Event',
          start: '2016-09-09T16:00:00'
        },
        {
          id: 999,
          title: 'Repeating Event',
          start: '2016-09-16T16:00:00'
        },
        {
          title: 'Conference',
          start: '2016-09-11',
          end: '2016-09-13'
        },
        {
          title: 'Click for Google',
          url: 'http://google.com/',
          start: '2016-09-28'
        }
      ]
    };
  
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/TbS7O.png" rel="nofollow noreferrer">enter image description here</a></p>