ユーザーのカレンダーイベントを表示するためにPrimeNGのスケジュールコンポーネントを使用しようとしています。カレンダー表示されますが、Fullcalendarは、それがエラーを返すのイベントをレンダリングしようとすると：このプロジェクトは、ちょうどすでにFullcalendarを使用していたangular1バージョンからリファクタリングされるよう"ORIGINAL EXCEPTION: TypeError: Cannot read property 'scrollTop' of null"
イベントは、正しい形式でなければなりません。以下に、html、設定オプション、および表示しようとしているイベントのモックを含めました。PrimeNGでイベントが表示されないスケジュールがプロパティを読み取ることができませんscrollTop of null
template.html
<p-schedule id="calendar" class="calendar" [events]="calendar.sources"
[calendar]="myCalendar1" [height]="calendar.config.height"
[header]="calendar.config.header" [editable]="calendar.config.editable"
[weekends]="calendar.config.weekends" [eventLimit]="calendar.config.eventLimit"
(onDayClick)="calendar.config.dayClick" (onEventClick)="calendar.config.eventClick"
(onEventDrop)="calendar.config.eventDrop">
</p-schedule>
this.calendar.config = {
height: 900,
editable: true,
weekends: true,
eventLimit: true,
header: {
left: 'agendaDay,agendaWeek,month',
center: 'title',
right: 'today prev,next'
},
dayClick: this.dayClick,
eventClick: this.eventClick,
eventDrop: this.stopDrag
}
それは関係なく、私には、どのようなオプション、fullcalendarは常に同じエラーを与えないことが判明。私はオプションなしでスケジュールテンプレートをロードしようとしても、同じエラーが残っていました。これは、私がスケジュールとfullcalendarを含む方法についての何かが正しくないことを示しているようです。私はprimengと瞬間をnpm install --saveに含めました。そして、html cdnsを通してfullcalendarを追加します。私は実装の変更に続いてhere を表示し、スケジュールを取得して実行します。次に、現在のコンポーネントにプロバイダとディレクティブとしてScheduleを追加しました。スケジュールは私のクラスのコンストラクタにも含まれていますので、コンポーネントのメソッド内から参照することができます。