<table class="table table-hover">
<thead>
    <tr>
        <th>#</th>
        <th>Username</th>
        <th>Class Subjects</th>
    </tr>
</thead>
<tbody>
    <tr ng-repeat="studentsMember in currentPageElements">
        <td>{{$index + 1}}</td>
        <td>{{studentsMember.username}}</td>
        <td>{{studentsMember.class_subject}}</td>
    </tr>
</tbody>

function listStudentClassCtrl($scope,UserManager,SchoolService,SingleRequestHandler,TableService) {
    $scope.items = {};

    var listStudentClassDefer;
    if(angular.isUndefined(listStudentClassDefer))
    {
      $scope.loading = true;
      listStudentClassDefer = SingleRequestHandler.promiseRequest('ListClassesBySchoolId', {inst_id: SchoolService.getCurrentSchool().institution_id, user_type: 10});
      listStudentClassDefer.promise.then(
        function(data){
            console.info("ListUsers - data ",data);
          $scope.staff = data.response;
          TableService.elements = $scope.staff;
        },
        function(httpError){
          console.log(httpError);
          $scope.alert.stat = true;
        })
        .finally(function(){
          $scope.loading = false;
        });
    }
}

"response":[
   {

      "username":"bingowere ",
      "class_subject":"8GEO 3 -- SocialSciences; 8SCI 3 -- Unknown; 8JAP 1 -- Unknown; 8PDH 4 -- Unknown"
   },
   {
      "username":"letbingo ",
      "class_subject":"8GEO 2 -- SocialSciences; 8RC 6 -- SocialSciences; 8PDH 1 -- Unknown"
   }]