【问题标题】:Using ng-repeat. Filter out repeated value使用 ng 重复。过滤掉重复值
【发布时间】:2014-09-30 11:25:19
【问题描述】:

希望有人可以为此提供一些帮助。我什至很难为这个问题写一个像样的标题。

我目前有一个包含名称和分数的数组。有时数组将包含来自相同名称但分数不同的值。

例如:

$scope.name = [{ “第一”:“吉姆”, “分数”:10 }, { '第一':'坦率', “分数”:90, }, { “第一”:“吉姆”, “分数”:20 }]

你可以在我的小提琴中看到这个:http://jsfiddle.net/6yghdfg2/1/

<li ng-repeat="eachname in filteredName = (name) | orderBy:'first'">

我知道如何显示和排序数据,因此输出将是:

坦率 90 吉姆 10 吉姆 20

但是,我想知道是否无论如何只显示每个名称一次,所以输出将是:

坦率 90 吉姆 10 20

在这种情况下会使用 ng-repeat 吗?我一直在想我必须制作某种类型的过滤器或尝试做一些 ng-show。真的不确定。

任何帮助将不胜感激!谢谢! T

【问题讨论】:

    标签: angularjs ng-repeat


    【解决方案1】:
    <div ng-controller="MyCtrl">
        <ul>
            <li ng-repeat="eachname in filteredName = (name | orderBy:'first')">
                <span ng-show="filteredName[$index-1].first != filteredName[$index].first">
                    {{eachname.first}} <br>
                </span>
                {{eachname.score}}
            </li>
        <ul>
    </div>
    

    演示:http://jsfiddle.net/p1t9yac9/

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-04-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-01-21
      • 2018-11-01
      • 1970-01-01
      相关资源
      最近更新 更多