如何使用角2.0

Question

訪問組件instannce在全壓光機事件處理程序中，我使用以下插件日曆：

https://www.npmjs.com/package/ap-angular2-fullcalendar。

任何幫助將讚賞

Answer 1

您可以使用@ViewChild或@ViewChildren以訪問日曆組件。 我個人使用ViewChildren，因爲它可以有效地處理更改事件並呈現日曆。

在組件進口fullcalendar作爲

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

，並獲得REFFERENCE到calendarComponent爲

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

和我的HTML看起來像

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

現在我可以訪問日曆並執行操作。例如，重新提取事件並刷新日曆d請

this.calendar.forEach(div => 
    { 

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

    }) 

希望它可以幫助