Angular Ui日历:根据下拉选择筛选日历中的事件

Question

我使用的是Angular Ui日历，我的日历中有3个视图。我在日历上方添加了一个带有用户列表的下拉列表。因此，我的目标是根据下拉选择筛选渲染的事件。

我想在我的Angular Ui日历中应用过滤逻辑。让我描述一下我的日历

我有三个视图的日历（agendaDay、agendaWeek和basicWeek），我使用两个源在日历中加载事件。我的第一个来源是"用户任务"
第二个来源"用户会议"。首先，我想只加载agendaDay和agendaWeek的"任务"源，当用户将视图切换到basicWeek时，日历将在basicWeek中获取并显示"会议"。我面临着这样做的问题。

其次，我在日历外有一个下拉/选择框，里面有用户列表。现在，我想根据选定的用户筛选这些源（任务和会议）。

这是我的密码

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

或

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

请给我一些解决办法。

Answer 1

最后我得到了解决方案，我解决了angular ui日历中的过滤器问题。

当最终用户从下拉列表（日历上方）中选择用户时，它会调用控制器中的"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);