在ng-repeat值angularjs上添加分隔

Question

<span ng-repeat="sport in profile.sports track by $index">
{{ (profile.type == 2) ? ($index >= 0) ? sports[sport.sport_id] + ", " : sports[sport.sport_id] : '' }}
</span>

如果至少有 1 个项目，我希望每个元素都按,分开。

sports[sport.sport_id]的预期结果：

cricket, football, hockey
cricket, hockey
cricket
cricket, soccer

目前我得到所有这些没有逗号，请建议，谢谢。

Answer 1

您可以使用逗号分隔的 javascriptjoin

例

<span ng-repeat="sport in [{value: ['a']}, {value: ['b','c']}]">
<pre>{{sport.value.join(', ')}}</pre>
</span>

输出：

a
b, c

Answer 2

试试这个

<span ng-repeat="sport in profile.sports track by $index">
{{ modifiedSport(sport, $index) }}
</span>

并将其添加到您的控制器

$scope.modifiedSport = function(sport, idx){
($scope.profile.type == 2) ? (idx >= 0) ? $scope.sports[sport.sport_id] + ", " : $scope.sports[sport.sport_id] : ''
}