AngularJS FullCalendar IDでイベントを取得

Question

私はfullcalendar、PHP、angularjsを使用してmysql dbからカレンダーイベントを取得しようとしています。

HTTP

<div ng-controller="calController" ng-show="tab4"> 
    <div id="calendar" ui-calendar="uiConfig.calendar" ng-model="eventSources" calendar="myCalendar"> 
    </div> 
</div> 

マイconroller：

.controller('calController', ['$rootScope', '$scope', '$http', 'uiCalendarConfig', function ($rootScope, $scope, $http, uiCalendarConfig) { 

var user = $rootScope.userID; 

$scope.eventSources = { 
    url: 'php/events.php?agentID=' + user 
}; 

$scope.uiConfig = { 
    calendar: { 
     height: 300, 
     editable: false, 
     allDay: false, 
     header: { 
      left: 'title', 
      center: '', 
      right: 'agendaWeek prev,next' 
     } 
    } 
};}]); 

マイPHP：DBでの私のカレンダーに結果が、彼らはすべての結果を得る

$sql="SELECT * FROM `Events`";$sql = $con->prepare($sql);$sql->execute();$results=$sql->fetchAll(PDO::FETCH_ASSOC); $json=json_encode($results); 

イム。おそらくstatemntがselect * from events...

であると思われます。コントローラーでは、パラメータ "user"を使用してURLを渡していますが、これはPHPスクリプトの返信には影響しません。

私の質問はどのように特定のユーザーイベントだけを返し、すべてのイベントを返すのですか？

EDIT ..私は私のPHPファイルを編集する必要が推測するが、私は何をすべきかを知らない：

アイブ氏はまた、配列にイベントを取得し、その後eventSourcesへの結合を試みた：

これはIDを使用してイベントを取得するのに効果的ですが、今はカレンダーにイベントが表示されません。

console.log("events", events); 
console.log("sources", $scope.eventSources); 

上記の出力がある：

wouldntのイベントは、アレイとカレンダ中に示すことがなぜですか？どんな助けも素晴らしいだろう。トラブルシューティングのビットで

おかげ

Answer 1

私はカレンダーがロードされた後に必要なPHPスクリプトが呼び出されることがわかりました。

私はこれをしなかったら、私はカレンダー内のイベント見ることができました：引用符をオフにラップ

.controller('calController', ['$rootScope', '$scope', '$http', 'uiCalendarConfig', function ($rootScope, $scope, $http, uiCalendarConfig) { 

var user = $rootScope.userID; 
var isFirstTime = true; 
var events = []; 

$scope.getEvents = function() { 
    $http.post('php/events.php', { 
     'user': user 
    }).success(function (data) { 
     //events = data; 
     angular.forEach(data, function (value) { 
      events.push({ 
       start: value.start, 
       end: value.end 
      }); 
     }); 

    }); 
} 

$scope.eventSources = [events]; 

$scope.uiConfig = { 
    calendar: { 
     height: 300, 
     editable: false, 
     header: { 
      left: 'title', 
      center: '', 
      right: 'month basicWeek basicDay agendaWeek agendaDay prev,next' 
     }, 
     eventAfterAllRender: function() { 
      if ($scope.eventSources.length > 0 && isFirstTime) { 
       isFirstTime = false; 
       $scope.getEvents(); 
      } 

     } 
    } 
};}]);