JSFiddle - React, Tailwind, and code Playground
HTML
<ul ng-app="test" ng-controller="TestCtrl">
<li ng-repeat="d in data">
{{d.title}}
<ul>
<li ng-repeat="item in d.items">{{item}}</li>
</ul>
</li>
</ul>
JavaScript
var t = angular.module("test", [])
.controller("TestCtrl", function ($scope,$interval) {
$scope.data = {
columns: {
title: "c1",
items: [
"s1",
"s2",
"s3"
]
},
columns: {
title: "c2",
items: [
"s1",
"s2",
"s3"
]
},
columns: {
title: "c3",
items: [
"sm1",
"s2",
"s3"
]
}
};
$interval(function () {
$scope.data = {
columns: {
title: "c1",
items: [
"s1",
"s2",
"s3"
]
},
columns: {
title: "c2",
items: [
"sm1",
"s2",
"s3"
]
},
columns: {
title: "c3",
items: [
"sm1",
"s2",
"s3"
]
}
};
console.log($scope.data);
}, 1000);
});