解决方法

正如在AngularUI Calendar网站上建议的那样,我可以使用这个函数：$scope.eventsF = function(start,end,timezone,callback){…}并将它添加到$scope.eventSources中,它将在每个上面调用查看开关.我将$scope.eventsF添加到我的$scope.eventSources,但它从未更新过.

这是示例(获取所有数据,并且它正在工作)：

$scope.mainEvents = []; //To initiate the event source
Event.getEvents().then(function (events) { // Event is a factory
  if (events) { //Checking if I have events
    // If I try: $scope.mainEvents = events; the $scope.eventSources won't update
    angular.forEach(events,function(value) {
      this.push(value);
    },$scope.mainEvents);
  } else {
    // Tell the user no events to render...
  }
},function (error) {
  console.log(error);
});

$scope.eventSources = [$scope.mainEvents,$scope.draftEvents];

现在我更改了Event.getEvents()以获取两个参数作为视图的开始日期和结束日期,将它们发送到后端,并再次以json的形式检索数据(工作正常,我安慰了它).

这是代码(我尝试了两种方式)：事件正在渲染,但$scope.eventSources并未在这两种方式中进行更新.

第一：

$scope.mainEvents = function (start,callback) {
  var s = start.format('YYYY-MM-DD'),e = end.format('YYYY-MM-DD');
  Event.getEvents(s,e).then(function (events) {
    $scope.mainEvents = []; //even tried $scope.eventSources.mainEvents
    if (events) {
      angular.forEach(events,function (value) {
        this.push(value);
      },$scope.mainEvents); //event tried $scope.eventSources.mainEvents
      callback($scope.mainEvents);
    }
  },function (error) {
    console.log(error);
  });
};

$scope.eventSources = [$scope.mainEvents,$scope.draftEvents];

第二：

$scope.eventsF = function (start,e).then(function (events) {
    $scope.mainEvents = [];
    if (events) {
      angular.forEach(events,$scope.mainEvents);
      callback($scope.mainEvents);
    }
  },$scope.draftEvents,$scope.eventsF];

我希望这很清楚.

$scope.mainEvents = [];
$scope.draftEvents = [];
$scope.eventsF = function (start,callback) {
    var s = start.format('YYYY-MM-DD'),e = end.format('YYYY-MM-DD');
    Event.getEvents(s,e).then(function (events) {
        $scope.mainEvents = [];
        if (events) {
            angular.forEach(events,function (value) {
                this.push(value);
            },$scope.mainEvents);
            // Re-assign event sources
            $scope.eventSources = [$scope.mainEvents,$scope.eventsF];
            // Assume that 'events' is an array with 5 elements.
            // console.log($scope.eventSources) will produce :
            // Array [ Array[5],Array[0],app</$scope.eventsF() ]

            callback($scope.mainEvents);
        }
    },function (error) {
        console.log(error);
    });
};
$scope.eventSources = [$scope.mainEvents,$scope.eventsF];
// console.log($scope.eventSources) will produce :
// Array [ Array[0],app</$scope.eventsF() ]

编辑

我已经更新了上面的代码,以显示我在哪个部分测试了$scope.eventSources.你能否请说明你希望$scope.eventSources更新的示例代码的哪一部分？

这是我的HTML：

<select ui-select2="{allowClear:true}" data-placeholder="Select a Department" ng-change="DoSomething()"ng-model="l.DepartmentID">
    <option value=""></option>
    <option ng-repeat="d in l.LineLookups.Departments" value="{{d.DepartmentID}}">{{d.Type}}</option> </select>

当选择下拉列表更改时,更改事件不会触发.这是我的控制器中的事件处理程序：

$scope.DoSomething = function () {
        alert('here');
        ...
}

处理这个问题的最佳方法是什么？我被告知要对模型值进行监视.这会有用,还是有更好的方法？

在视图中：

<select ui-select2="{allowClear:true}" data-placeholder="Select a Department"ng-model="l.DepartmentID">
<option value=""></option>
<option ng-repeat="d in l.LineLookups.Departments" value="{{d.DepartmentID}}">{{d.Type}}</option>
</select>

在控制器中：

$scope.$watch('l.DepartmentID',function (newVal,oldVal) {
    if (oldVal == newVal) return;
    alert('here');
},true);