は、どのように私はカレンダーの次のプラグインを使用していた角度2.0

Question

を使用して完全なcalanderイベントハンドラにしてコンポーネントinstannceにアクセスします。

任意のヘルプの意志はあなたがカレンダーコンポーネントへのアクセスを得るために@ViewChildまたは@ViewChildrenを使用することができます

Answer 1

を高く評価しました。 私は個人的にViewChildrenを使用して、変更イベントを効果的に処理し、カレンダーをレンダリングします。

import { Options } from 'fullcalendar'; 
import {CalendarComponent} from 'angular2-fullcalendar/src/calendar/calendar'; 

と

@ViewChildren('mycal') calendar: QueryList<CalendarComponent> 

としてcalendarComponentにrefferenceを取得し、私のHTMLは

今

<div class="ui red segment" *ngIf="dataAvailable"> 
       <angular2-fullcalendar [options]="calOptions" id="mycal" #mycal></angular2-fullcalendar> 
</div> 

ようになり、私がアクセスできるようにあなたのコンポーネントのインポートで

fullcalendarカレンダーを作成し、アクションを実行します。たとえば、イベントを再フェッチしてカレンダーをリフレッシュする

this.calendar.forEach(div => 
    { 

    div.fullCalendar('removeEvents'); 
    div.fullCalendar('removeEventSources'); 
    div.fullCalendar('addEventSource',this.events); 

    }) 

を行うdはそれが

を役に立てば幸い