在ng-repeat值angularjs上添加分隔

时间:2017-09-13 07:51:53

标签: angularjs

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

如果至少有一个项目,我希望每个元素由,分隔。

sports[sport.sport_id]中的预期结果:

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

目前我在没有逗号的情况下得到所有这些,请建议,谢谢。

2 个答案:

答案 0 :(得分:1)

试试这个

<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] : ''
}

答案 1 :(得分:1)

您可以使用逗号分隔的<{1}}

实施例

join

输出继电器:

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