Question

我的json对象有一个名为keynote的字段，值为0或1

[{
    "id": 111,
    "title": "Senior Vice President and Chief Analytics Officer",
    "name": "jon doe",
    "company": "Entertainment Corporation",
    "keynote": 1
},
{
    "id": 102,
    "title": "CEO and Mobile Market Strategist",
    "name": "john",
    "company": "Research",
    "keynote": 1
},
{
    "id": 102,
    "title": "CEO and Mobile Market Strategist",
    "name": "john",
    "company": "Research",
    "keynote": 0
},
{
    "id": 102,
    "title": "CEO and Mobile Market Strategist",
    "name": "john",
    "company": "Research",
    "keynote": 0
}]

我想在我的应用中显示两种列表。一个主题演讲者名单和另一个主题演讲名单= 0。

<li class="table-view-cell" data-ng-repeat="speaker in speakers | filter:speaker.keynote=1 ">
<span class="speaker-name">{{speaker.name}}</span>
</li>

<li class="table-view-cell" data-ng-repeat="speaker in speakers | filter:speaker.keynote=0 ">
<span class="speaker-name">{{speaker.name}}</span>
</li>

Answer 1

正确的语法为filter:{propertyName:'value'}，因此ng-repeat="speaker in speakers | filter:{keynote:0}"适合您。

我建议实施类似的操作，以使您的代码更加干净：

<ul>
  <li ng-repeat="i in range"> // or i in [0,1]
    <h3>Keynote: {{i}}</h3>
    <ul>
      <li ng-repeat="speaker in speakers | filter:{keynote:i}">
        <span>{{speaker.name}}</span>
      </li>
    </ul>
  </li>
</ul>

使用Lodash自动生成range的示例：

  $scope.range = _.sortBy(_.uniq($scope.speakers, 'keynote').map(function(item) {
    return item.keynote;
  }), function(a, b) {
    return a < b;
  });

Live demo

回复您的评论，这是让您的特定代码干净的方法：

<ul>
  <li ng-repeat="(title, isKeynote) in {Keynote:1, Sessions:0}">
    <h3>{{title}}</h3>
    <ul>
      <li ng-repeat="speaker in speakers | filter:{keynote:isKeynote}">
        <span>{{speaker.name}}</span>
      </li>
    </ul>
  </li>
</ul>

Live demo

用于ng重复的角度滤波器

1 个答案: