Check out the jsFiddle link provided for AngularJS data display: AngularJS : Display Data
Here is a sample of the HTML file:
<div ng-controller="myCtrl">
<div ng-repeat="test in tests">
<p>{{test.testName}}</p>
</div>
</div>
The controller in the .js file looks like this:
var app = angular.module('myApp', []);
function myCtrl($scope) {
$scope.tests = [{
"testName" : "Test-1 : Windows Test"
},
{
"testName" : "Test-2 : Linux Test"
},
{
"testName" : "Test-3 : Unix Test"
},
];
}
Here's the question:
The current output format is as follows:
Test-1 : Windows Test
Test-2 : Linux Test
Test-3 : Unix Test
The goal is to have Test-1 : Windows Test displayed initially, followed by Test-2 : Linux Test after 30 seconds, and so on. Once all data is displayed, Test-1 : Windows Test should be repeated. How can this be implemented using AngularJS?