监听angularJs列表数据是否渲染完毕的方法示例

app.directive(\' renderfilters\', function ($timeout) {
  return {
    restrict: \'A\',
     : function (scope, element, attr) {
      if (scope.$last === true) {  //判断是否是最后一条数据
        $timeout(function () {
          scope.$emit(\'ngRepeatFinished\'); //向父级scope传送ngRepeatFinished命令
        });
      }
    }
  };
});

<div class=\"fixed-table-container\" style=\"margin-right: 0px;\">
  <table class=\"table table-hover lamp-table\">
    <thead>
    <tr>
      <th></th>
      <th style=\"text-align: center; \" data-field=\"name_device-id\" tabindex=\"0\"
        ng-repeat=\"i in provider.geoZoneListHead track by $index\" ng-hide=i.bol>
        <div class=\"th-inner sortable \" style=\"padding-right: 10px\">{{i.name}}
        </div>
        <div class=\"fht-cell\" style=\"width: 101px;\"></div>
      </th>

    </tr>
    </thead>
    <tbody>
    <tr ng-repeat=\"i in provider.geoZoneList\"  renderfilters>
      <td><input data-index=\"0\" name=\"btSelectItem\" type=\"radio\"
            value=\"{{$index}}\" ng-click=\"selectInput($index)\"></td>
      <td class=\"nameId0\">{{$index+1}}</td>
      <td class=\"nameId1\">{{i.geoZoneName}}</td>
      <td class=\"nameId2\">{{i.de ion}}</td>
      <td class=\"nameId3\">{{i.totalNumberOfMembers}}</td>
      <td class=\"nameId4\">{{i.country}}</td>
      <td class=\"nameId5\">{{i.lastUpdateDate}}</td>
    </tr>
    </tbody>
  </table>
</div>

$scope.$on(\'ngRepeatFinished\', function (ngRepeatFinishedEvent) {
  var btnList = $(\"input[name=\'btSelectItem\']\");
  btnList.eq(0).attr(\"checked\",\"checked\");
  $scope.provider.detalOutlet();
});