javascript - 有什么方法可以在angular js的ng-repeat中声明和增加一个变量

Question

我正在使用 angular js 的 ng-repeat 功能

<th ng-repeat="x in data.items[0].bf_val " >
		<div style="width: 70px" > BF Score</div>
	  </th>

现在不仅仅是 BF Score。对于每一行，我都希望在它之前有一个数字。就像第一行应该读作 (1st BF Score) 一样，第二行应该读作 (2nd BF Score) 等等。这可以做到吗？

Answer 1

我会使用自定义过滤器和 $index 迭代变量 (在 ng-repeat 中可用)。它应该提供格式需要。这是一种方法:

DEMO

示例输出:

<div ng-app="ordinalApp">
  <section ng-controller="mainController">
        <div ng-repeat="item in items"> 
          {{ ($index + 1) | ordinal }} BF Score
        </div>
  </section>
</div>

<script>

var app = angular.module("ordinalApp", []);
// what ur looking for 
//found here: http: //forums.shopify.com/categories/2/posts/29259

app.filter('ordinal', function($filter) {
  var suffixes = ["th", "st", "nd", "rd"];
  return function(n) {
    var s = ["th", "st", "nd", "rd"],
      v = n % 100;
    return n + (s[(v - 20) % 10] || s[v] || s[0]);
  };
});

app.controller('mainController', function($scope) {
  $scope.items = [{
    bf_val: 1,
    bf_score: 30
  }, {
    bf_val: 2,
    bf_score: 40
  }, {
    bf_val: 3,
    bf_score: 50
  }, {
    bf_val: 4,
    bf_score: 60
  }];
});
</script>