discussionApp.controller('ViewCtrl', function($scope, $timeout, $http /* , $location, */) {
console.log("View Controller");
$scope.pageClass = 'page-view';
$scope.contents = [];
lastID = "0";
var getData = function() {
$http.post('getData.php?id='+lastID)
.success(function(data, status) {
//$scope.contents = data;
if (data != undefined) {
Array.prototype.push.apply($scope.contents, data);
lastID = $scope.contents[$scope.contents.length - 1].discussionID;
console.log("LAST ID: "+lastID);
}
})
.error(function (data, status) {
console.log("ERROR: "+status)
$scope.status = status;
});
$timeout(function() {
$scope.value++;
getData();
}, 50000);
//showNextImage();
};
//Start function getData()
getData();
});
<div>
<ul id="allImages">
<li ng-repeat="content in contents" class="{{content.discussionID}} images">
{{content.discussionID}} - {{content.discussionName}} - {{content.discussionText}}
</li>
</ul>
</div>
/**
* Controls the View
*/
discussionApp.controller('ViewCtrl', function($scope, $timeout, $http /* , $location, */) {
console.log("View Controller");
$scope.pageClass = 'page-view';
$scope.contents = [];
$scope.images = [];
var lastID = "0";
var getData = function() {
$http.post('getData.php?id='+lastID)
.success(function(data, status) {
//$scope.contents = data;
if(data.length > 0){
Array.prototype.push.apply($scope.contents, data);
Array.prototype.push.apply($scope.images, data);
lastID = $scope.contents[$scope.contents.length - 1].discussionID;
console.log("LAST ID: "+lastID);
imageLoop( $scope, $timeout ); //Redraw imageLoop
}
})
.error(function (data, status) {
console.log("ERROR: "+status)
$scope.status = status;
});
$timeout(function() {
$scope.value++;
getData();
}, 500);
};
//Start function getData()
getData();
function imageLoop( $scope, $timeout ) {
var update;
clearTimeout(update);
console.log("clear");
$scope.imgIndex = 0;
update = $timeout(function advanceImage() {
console.log($scope.images.length);
$scope.imgIndex = ($scope.imgIndex + 1) % $scope.images.length;
$timeout(advanceImage, 1000);
})
}
});
https://docs.angularjs.org/api/ngAnimate
Start there.