如何在ng-repeat中显示数组的特定字母项？

Question

我有两个阵列一个用于字母表,第二个用于标签..所以我想在该特定字母类别示例中仅显示相同的字母表项目 - 苹果必须进入A类别,动物园必须进入Z类别...

小提琴链接http://jsfiddle.net/4dGxn/149/

HTML

<div class="form-group" ng-controller="mainCtrl">
  <div ng-repeat="alp in alpha">
  <h2>{{alp}}</h2>
    <ul>
      <li ng-repeat="tag in tags">{{tag}}</li>
    </ul>
  </div>
</div>

角

var app = angular.module("app", []);

app.controller("mainCtrl", ['$scope', function($scope){

  $scope.alpha = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p","q", "r", "s", "t", "u", "v", "w", "x", "y", "z"];

  $scope.tags = ["apple", "dog", "cat", "dad", "baby", "zoo", "love", "hate", "rat", "room", "home", "age", "bad"];

}]);

Answer 1

您可以str.startsWith用来检查元素是否以特定字符开头所以在您的示例中:

<div class="form-group" ng-controller="mainCtrl">
  <div ng-repeat="alp in alpha">
  <h2>{{alp}}</h2>
    <ul>
      <li ng-repeat="tag in tags" ng-show="{{tag.startsWith(alp)}}">{{tag}}</li>
    </ul>
  </div>
</div>

这是一个小小的小提琴