简单＆＃34;寻呼机＆＃34;指示

Question

我创建了一些简单的寻呼机：

的index.html：

<div class="container" ng-controller="NewsCtrl">
    <ul ng-repeat="news in newsList">
        <li ng-show="$index < count">{{ news }}</li>
    </ul>
    <button ng-click="more()" ng-hide="count > newsList.length">More</button>
</div>

newsCtrl.coffee：

angular.module('yoApp').controller 'NewsCtrl', ($scope) ->
    $scope.count = 5
    $scope.newsList = [
        1
        2
        3
        4
        5
        6
        7
        8
        9
    ]
    $scope.more = -> $scope.count += 5

其目的是在我点击＆＃34;更多＆＃34;之后，首先显示一定数量的某些条目（在本例中为新闻）。点击＆＃34;更多＆＃34;再显示5个。再多5个，当所有都可见隐藏＆＃34;更多＆＃34;按钮。但是我希望这个逻辑可以在我的网站上重复使用，并且可能非常容易实现。

我希望它看起来像：

<ul pager="news in newsList">
    <li>{{ news }}</li>
</ul>

或类似的东西。按钮（transculsion？）和所有逻辑应该由指令自动递送。