使用带角度的按钮过滤 ng-repeat答案

【问题标题】：filter an ng-repeat using buttons with angular使用带角度的按钮过滤 ng-repeat
【发布时间】：2015-11-27 10:20:44
【问题描述】：

我想过滤一个 ng-repeat，使用按钮（稍后我将使用输入），当我单击过滤器按钮时，一切都消失了，当我单击没有过滤器的按钮时，一切都保持隐藏。

我在这个小提琴中复制了部分代码：http://jsfiddle.net/3g3L0ca8/

<div ng-app>
<a id="filter-by-date" class="btn btn-success wide-btn" href="#" ng-click="myFilter = {date: 1900-12-31}">Select by date</a>
        <a id="filter-by-date" class="btn btn-success wide-btn" href="#" ng-click="myFilter = null">All the events</a>
<div ng-controller="Test">
    <div class="events-right-bar scrollable-content" id='hideshow' value='hide/show'>
    <section ng-repeat="event in events | orderBy:'date' | filter:myFilter">
        <div class="panel panel-default single-event">
            <div class="panel-heading">
                <h3>
                    <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#dialogTestDialog{{$index}}">{{event.title}}</button>
                    <em class="pull-right">Created by user: {{event.username}}</em>
                </h3>
            </div>
            <div class="panel-body">
                Description:<br>{{event.description}} <br>
                <em class="pull-right">{{event.date | date:'dd-MM-yyyy' }} - {{event.hour | date:"H:mm"}}</em> <br>
                {{event.duration}} minutes <br>
            </div>
        </div>
      </div>
    </div>
    </section>

   </div> 
</div>

在小提琴中，当我按日期按过滤器时，一切都会消失，我认为它可以按日期格式，但我不确定。但是在小提琴中，当我单击无过滤器按钮时，一切都会再次出现，在我的project no filter 按钮什么都不做。

【问题讨论】：

标签： angularjs filter ng-repeat

【解决方案1】：

我解决了通过“myFilter:''”更改“myFilter:null”的无过滤器按钮现在我只需要解决日期问题，我一直认为这是一个格式问题。

编辑：正如我所料，这是格式错误。即使日期显示为 dd-MM-yyy，在过滤器中似乎也必须写为 yyyy-MM-dd。所以我尝试的日期是 27-11-2015 是错误的，它可以写成 2015-11-27

现在可以了

【讨论】：