angularjs - 如何将 ng-repeat 中的最后一项返回到 Controller

Question

我想运行一个字符串函数，以删除最后一个跨度元素上的逗号。

<p class="genres">
    <span class="plabel">Genres</span>: 
    <span class="genre_name" ng-repeat="genres in movie.genres"
          ng-class="{'last': $last}">{{genres.name}}, 
    </span>
</p>

Answer 1

您可以在插值内的三元运算符上使用 $last bool 值:

{{流派.名称}} {{$last ? '' : ','}}

$last (boolean): true if the repeated element is last in the iterator.

如果您想执行更多字符串操作，也许您还可以使用 Angular filter :(未经测试)

angular.module('testFilter', [])
.filter('addComma', function() {
  return function(input, shouldAddComma) {
    if (shouldAddComma)
       return input + ",";
    else 
       return input;
  };
});

然后在 HTML 中:

{{genres.name | addComma: $last}}

这只是如何使用 Angular 过滤器修改字符串并接收参数的示例。