Angular-Ui-日曆：基於下拉選擇在日曆中過濾事件

Question

我正在使用Angular-Ui-日曆，並在日曆中顯示3個視圖。我在日曆上方添加了一個包含用戶列表的下拉菜單。所以我的目標是根據下拉選擇篩選呈現的事件。

我想在我的Angular-Ui日曆中應用過濾邏輯。讓我描述一下我的日曆

我有3個視圖（agendaDay，agendaWeek和basicWeek）的日曆，我在我的日曆中使用2個源加載事件。我的第一個來源是「用戶任務」
和第二個來源「用戶會議」。首先，我只想加載AgendaDay和agendaWeek的「任務」源，當用戶將視圖切換到basicWeek日曆時，將獲取並顯示basicWeek中的「會議」。我正面臨着這樣做的問題。

其次我有一個下拉/選擇框日曆之外有用戶列表。現在我想根據選定的用戶過濾這些源（任務和會議）。

這裏是我的plunkr代碼

http://embed.plnkr.co/qfzCSi/preview

或

http://plnkr.co/edit/qfzCSi?p=preview

請給我一些這方面的解決方案。

Answer 1

最後我得到了解決方案，我解決了angular-ui-calendar中的過濾器問題。

當最終用戶從下拉列表中選擇用戶（在日曆上方）時，它會在控制器中調用「onStaffSelect（userId）」功能。

/*on user select*/ 
$scope.onUserSelect = function(id){ 
    console.log("### onUserSelect is called "+id); 
    if(id==1) 
     $scope.events = [{title: 'Birthday Party',start: new Date(y, m, d + 1, 19,  0),end: new Date(y, m, d + 1, 22, 30),allDay: false, userId: 1}]; 
    }; 

$scope.myCalendar.fullCalendar('removeEvents'); 
$scope.myCalendar.fullCalendar('addEventSource', $scope.events);