AngularJS过滤器不能处理两个或多个项目

时间:2017-01-20 19:00:47

标签: angularjs angularjs-ng-repeat angularjs-filter

我正在使用AngularJS在页面上显示事件列表。(它有效)

页面上还有3个按钮。 '打开' - 显示公开事件,'已关闭' - 显示已关闭的事件,'所有' - 显示所有事件。(它有效)

问题:当我尝试将页面默认设置为仅显示"打开事件",当用户打开页面时。

注意:通过使用以下代码,我可以将页面默认设置为"打开事件",当列表有1个事件时。但是,如果它有多个事件,代码不起作用并显示空页。

我把总代码放在plunker中。由于我在工具中使用此代码,因此无法在plunker中运行此代码。该工具具有单独的脚本以获取JSON格式的所有事件。我还在JSON文件中附加JSON格式。任何帮助,将不胜感激。谢谢。

<div class="myRequests">

  <div class="row" ng-repeat="inc in IncItems | filter:{status: IncStatus}">
    <div class="panel panel-default {{inc.status}}">
      <div class="panel-heading">
        <h4 class="panel-title">{{inc.number}}</h4>
      </div>
      <div class="panel-body">
        <div class="col-md-3 pace">
          <p><b>Status:</b> {{inc.status}}</p>
          <p><b>State:</b>{{inc.state}}</p>
        </div>
      </div>
    </div>
  </div>   
</div>

Plunker:My code

0 个答案:

没有答案