AngularJS ng-repeat 索引限制？

Question

有沒有辦法根據特定數據表示值並對其進行限制？

我只想顯示 3 個跨度值，但這是顯示 4 個跨度。

幫我

這是我的示例代碼

<div ng-repeat="list in checkDate">
   <span ng-if="list.day == '20200120'">{{list.time}} {{list.day}}</span>
</div>

$scope.checkDate = [{
            day: '20200120',
            time: '09:30'
        }, {
            day: '20200119',
            time: '10:30'
        }, {
            day: '20200120',
            time: '11:30'
        },
        {
            day: '20200109',
            time: '12:30'
        },
        {
            day: '20200125',
            time: '13:30'
        },
        {
            day: '20200120',
            time: '14:30'
        },
        {
            day: '20200120',
            time: '15:30'
        }
    ]

Answer 1

主要原因是為什么ng-if在ng-repeat里面。

因此，如果您僅嘗試使用limitTo ，它將無法正常工作。

首先，您必須根據所需日期filter記錄，然后必須將limitTo應用於ng-repeat 。

解決方案 - ng-repeat="list in checkDate | filter: {day: '20200120'} | limitTo:3"

試試這個 - https://jsfiddle.net/qkvf2ojh/

Answer 2

這是因為在limitTo過濾器產生結果之后應用了ng-if 。 在這種情況下，請使用filter而不是ng-if指令。 例如，

   <div ng-repeat="list in checkDate | filter: {day: '20200120'} | limitTo:3">
       <span>{{list.time}} {{list.day}}</span>
   </div>