如何仅显示特定日期的ng-repeat项目?

时间:2014-10-22 22:14:52

标签: angularjs angularjs-directive angularjs-ng-repeat ng-repeat

Plunker

我有一些json通过ng-repeat进入视图。我有一个datepicker指令,用于在模型中设置日期变量(我称之为日期todaysDate)。

enter image description here

如何仅显示符合用户指定日期的项目?所以,让我们说我有一堆看起来像这样的json,但是有各种不同日期的项目。

 "type": "Feature",
        "geometry": {
            "type": "Point",
            "coordinates": [-122.4352424165, 37.23259223224644]
        },
        "properties": {
            "id": "0",
            "date": "2014-07-12",
            "time": "22:00:00",
            "artist": "heheheh",
            "venue": "Place",
            "price": "$20"
        }

让我们说有500个具有不同日期的项目/活动。我将使用当前日期(又名'今天')作为要显示的项目/事件的默认模式。我希望用户能够指定他们想要查看的内容(他们是否希望看到将来发生的项目)。

Plunker

1 个答案:

答案 0 :(得分:2)

您可以为ng-repeat添加过滤器:

<div ng-repeat="item in aBunchOfItems | filter: {properties: {date: '2014-07-12'}}">