1

我目前正在尝试为我的 Angular.js 应用程序制作一个“显示帖子”按钮。我无法limitTo从外部脚本动态设置。到目前为止,我有:

<body ng-controller="FeedCtrl">
  <h1>Feeds</h1>
  <div ng-repeat="feed in (feedLoader = (feeds | limitTo:5))">
    <p>{{feed.content}}</p>
  </div>
  <button ng-click="showPosts()">Show more...</button>
</body>

我采取的方法是这样的:

$scope.showMorePosts = function () {
  $scope.feedLoader = (feeds | limitTo:feedLimit);
}

...然后替换limitTo:5limitTo:feedLimit视图的内联部分。

到目前为止,我已经在这里设置了一个基本设置的 Plunker:http: //plnkr.co/edit/OFqkGFKVUHKi2A20c4t3

任何帮助都会很棒!

谢谢,

J.P

4

1 回答 1

4

似乎您走在正确的轨道上,但您只需要定义 showPosts():

$scope.showMore = function() {
    $scope.feedLimit += 1;
}

完整示例:

http://plnkr.co/edit/pE49Wt0rvDjWhsKD0WiD?p=preview

HTML

<div ng-repeat="feed in (feedLoader = (feeds | limitTo:feedLimit))">
  <p>{{feed.content}}</p>
</div>
<button ng-click="feedLimit = feedLimit + 1">Show more...</button>

JavaScript:

app.controller('FeedCtrl', function($scope) {
    $scope.feedLimit = 3;
    // ...
});
于 2013-05-01T14:15:22.247 回答