流行りを逃した感はありますが、Qiitaのトップページのリストなどで使われている「もっと見る」ボタンによる無限スクロールを実装してみます。
これ単体でHTMLファイルとして動きます。
<!doctype html>
<html ng-app="app" ng-controller="Ctrl">
<meta charset="utf-8">
<title>もっと見るボタン</title>
<table border="1">
<tr ng-repeat="row in rows"><td>{{row.col1}}</td><td>{{row.col2}}</td></tr>
</table>
<button ng-click="more()">もっと見る</button>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.min.js"></script>
<script>
angular.module('app', []).controller('Ctrl', function($scope) {
$scope.rows = [];
var offset = 1;
$scope.more = function() {
for (var i = offset; i < offset + 10; i++) {
$scope.rows.push({col1: i, col2: 'テステステステス'});
}
offset += 10;
};
$scope.more();
});
</script>
</html>
実際にはDBからoffsetとlimitを指定して取得などする必要がありますが、全体的なロジックはこんな感じでいけると思います。