angularjs - ng-重复 : output only unique first letter filter

Question

我在使用 ng-repeat 循环的数据集上有一个 ng-repeat:

<div id="songlist">
<p ng-repeat="data in output">{{data.nm}}</p>
</div>

输出是这样的:

<div id="songlist">
<p>Across The Universe</p>
<p>Blackbird</p>
<p>Baby In Black</p>
</div>

我想做的是只输出每首歌曲名称的唯一首字母，以便输出:

<div id="songlist">
<p>A</p>
<p>B</p>
</div>

关于如何实现这一点有什么想法吗？谢谢!

Answer 1

如果您想要一个 Angular 过滤器解决方案，那么这可能会为您完成:

app.filter('firstLetterFilter', [function () {
 return function (list) {
    var firstLetters = [];
    list.forEach(function (item) {
      var firstLetter = item.nm.charAt(0);
      if (firstLetters.indexOf(firstLetter) === -1) {
        firstLetters.push(firstLetter);
      }
    });
    return firstLetters;
  }
}]);

它在这个 Plunker 上工作:http://plnkr.co/edit/RS0kSNj3sERayJBjDqF4