Add separation on ng-repeat values 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>

I want each element to be separate by , if there is at least 1 item.

Expected result in sports[sport.sport_id]:

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

Currently I'm getting all these without commas, please suggest, thanks.

Can you show how the $scope.profile looks like?

Sajal
– Sajal

2017-09-13 08:07:25 +00:00
Commented Sep 13, 2017 at 8:07 — Sajal
– Sajal, Commented Sep 13, 2017 at 8:07

Maxim Shoustin · Accepted Answer · 2017-09-13 08:09:52Z

1

You can use javascript join with comma separated

Example

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

Ouput:

a
b, c

answered Sep 13, 2017 at 8:09

Maxim Shoustin

78k29 gold badges212 silver badges229 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Amy Over a year ago

In my case what will be the exact code as i Use custom filter but it does not work

Amy Over a year ago

filter('joinBy', function () { return function (input,delimiter) { return (input || []).join(delimiter || ','); } });

Amy Over a year ago

Error: (intermediate value).join is not a function

Canet Robern · Accepted Answer · 2017-09-13 09:19:20Z

1

try this

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

and add this to your controller

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

edited Sep 13, 2017 at 9:19

answered Sep 13, 2017 at 8:02

Canet Robern

1,0692 gold badges11 silver badges30 bronze badges

Collectives™ on Stack Overflow

Add separation on ng-repeat values angularjs

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related