angular2-fullcalendar를 사용하지 않음

Question

나는 https://www.npmjs.com/package/angular2-fullcalendar을 언급했다. 그러나 제대로 표시되지 않습니다. 일정의 머리글 부분 만 표시됩니다. 어디서 실수입니까?

npm install ap-angular2-fullcalendar --save 

는

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 { } 

있는 style.css

@import "../node_modules/fullcalendar/dist/fullcalendar.min.css"; 

app.component.html에게

<angular2-fullcalendar [options]="calendarOptions"></angular2-fullcalendar> 

app.component.ts을 app.module.ts

,617,451

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' 
     } 
    ] 
    }; 

} 

enter image description here

Answer 1

515,는 어떻게 든 높이를 사용 : 옵션에서 부모 설정 0으로 일정 본체의 높이를 설정 그래서 달력을보고 그 주석해야합니다.