I read about paging after implementing the code, however, when I tried some of the suggestions that gave me an error, this was one of them ( link ).
I added in html the pagination div
, I changed the controller with the example code, however it created an error in the code, the example mentioned below is working showing the information.
HTML with the table.
<td class="hidden-xs">
<form method="post" action="userpro.php" target="detail">
<input type="text" name="userdet" value="{{value.username}}" hidden>
<button class="nome" type="submit" name="userdetail" value="" data-toggle="modal" data-target="#pro1">
{{value.username}}
</button>
</td>
<td>{{value.nameexample}}</td>
<td class="email hidden-xs">{{value.email}}</td>
<td>{{value.created}}</td>
<td> <form method="post" action="updapp.php" target="">
<input type="text" name="susidd" value="{{value.id}}" hidden>
</form></td>
data-boundary-links="true" >
Controller.js
$scope.viewApplicant = function(){
var msg="";
$("#profile-menu li").removeClass("active");
$("#pview").addClass("active");
$(".pviewhide").css("display","none");
$("#error_msg").remove();
var sendData = $.param({applicantinfo:"getinfo"});
$http({
method:'POST',
url:"../admin/content.php",
data:sendData,
headers : {'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8',
'X-Requested-With':'XMLHttpRequest'
}
}).then(function(response){
if(response.data=="error"){
msg="Fail to retrieve data!";
}else if(response.data!="empty"){
try{
var json=[];
for(i=0;i<response.data.length;i++){
json.push(jQuery.parseJSON(response.data[i]));
}
$scope.data = json;
return;
}catch(e){
msg="Unable to parse json data!";
}
}else{
$scope.data="";
}
$("#profilecontent").after('<div id="error_msg"><h4><span class="label label-danger">'+msg+'</span></h4></div>');
},function(response){
$("#profilecontent").after('<div id="error_msg"><h4><span class="label label-danger">Fail to load resources!</span></h4></div>');
});
$("#pviewTable").fadeIn().css("display","");
}
Thanks