Queue.html

<a ng-disabled="ctrl.loading==true" type="button" class="btn btn-success" ng-href="#/Queues">Queues</a>
<a ng-disabled="ctrl.loading==true" type="button" class="btn btn-success" ng-href="#/Sockets">Sockets</a>
<div class="row">
  <h1 translate lib="web">{{ctrl.model.name}}</h1>
</div>
<div ng-show="ctrl.errormessage != ''"" class=" alert alert-danger" role="alert">{{ctrl.errormessage}}</div>

<table id=" table1" class="table table-striped table-hover table-sm" when-scrolled="ctrl.more()" style="width: 100%;">
  <thead class="thead-dark">
    <tr>
      <th scope="col"><b translate lib="web">ack</b></th>
      <th scope="col"><b translate lib="web">active</b></th>
      <th scope="col"><b translate lib="web">consumer_tag</b></th>
      <th scope="col"><b translate lib="web">clientname</b></th>
      <th scope="col"><b translate lib="web">remoteip</b></th>
      <th scope="col"><b translate lib="web"></b></th>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="model in ctrl.data.consumer_details">
      <td>{{model.ack_required}}</td>
      <td>{{model.active}}</td>
      <td>{{model.consumer_tag}}</td>
      <td>{{model.clientname}}</td>
      <td>{{model.remoteip}}</td>
      <td class="btn-cell">
        <a href ng-click="ctrl.DeleteQueue(model)" ng-disabled="ctrl.loading==true"><i class="az-trash"></i></a>
      </td>
    </tr>
  </tbody>
</table>