JSFiddle - React, Tailwind, and code Playground
HTML
<div ng-controller="DaCtrl">
<ul>
<li ng-repeat="item in itemlist">{{item.id}}</li>
</ul>
<button ng-click="addItems()">Add items</button>
</div>
JavaScript
var app = angular.module('jobs', []);
app.controller('DaCtrl', function($scope){
$scope.itemlist = [{id:"001"},{id:"002"},{id:"003"}];
$scope.addItems = function() {
$scope.itemlist = $scope.ajax();
}
var i = 0;
$scope.ajax = function() {
//Data will come from ajax request
i++;
return [{id:"005"+i},{id:"006"+i},{id:"007"+i}];
}
});