Angular ng-repeat for comma separated strings

Question

I've a question in angularjs.

In my controller, I've a comma separated string, and I will show it in my index.html(with ng-repeat)

Here is my controller:

myApp.controller('TabsDemoCtrl',function($scope,$http){
    $http.get('/performbatch').success(function(data) {
        $scope.string = 'Gzrgh,1,2,1,4,1,1,1,20150304,20180304';
        $scope.arrString = new Array();
        $scope.arrString = $scope.string.split(',');
    });

Here is my html :

<div ng-controller="TabsDemoCtrl">
    <td ng-repeat="icerik in arrString">
       {{icerik}}
    </td>
</div>

But I couldn't achieve that. Can you help me? Thanks in advance.

You can't have td outside of table. You can use some other html tag elements — mohamedrias
– mohamedrias, Commented Apr 7, 2015 at 9:04

squiroid · Accepted Answer · 2015-04-07 09:02:05Z

3

Here is plunker for you

You need to use track by $index because it is having duplicate value in array.

ng-repeat="icerik in arrString track by $index"

answered Apr 7, 2015 at 9:02

squiroid

14.1k7 gold badges50 silver badges68 bronze badges

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

2 Comments

mohamedrias Over a year ago

kudos track by is one thing, also the OP has used td which was not displaying. Even in your example, you've replaced it with p tag :)

squiroid Over a year ago

@mohamedrias i used <p> in my example of plunker .I know it must be the small demo he is trying to show that's why i didn't considered that. :)

mohamedrias · Accepted Answer · 2015-04-07 09:04:46Z

3

You can't have td outside table.

It must be like

<div ng-repeat="icerik in arrString track by $index">
       {{icerik}}
</div>

Also since some are duplicates items, you must add track by $index as well

DEMO

edited Apr 7, 2015 at 9:04

answered Apr 7, 2015 at 8:59

mohamedrias

18.6k3 gold badges41 silver badges47 bronze badges

Comments

Naeem Shaikh · Accepted Answer · 2015-04-07 09:01:32Z

1

if you want to repeat s tring saperated with ,, you shall split the string to an array and the repeat

try this:

  $scope.string = $scope.string.split(",");

this creates an array from string that is split from ,.

so your code becomes:

myApp.controller('TabsDemoCtrl',function($scope,$http){
    $http.get('/performbatch').success(function(data) {
        $scope.string = 'Gzrgh,1,2,1,4,1,1,1,20150304,20180304';
  $scope.str= str.split(",");
        $scope.arrString = new Array();
        $scope.arrString = $scope.string.split(',');
    });

answered Apr 7, 2015 at 9:01

Naeem Shaikh

15.8k8 gold badges53 silver badges92 bronze badges

Comments

Samir · Accepted Answer · 2020-09-25 14:06:23Z

1

<td ng-repeat="L in Labour.CWCT_Description.split(',') track by $index" >
                                        {{L}}
                                    </td>

answered Sep 25, 2020 at 14:06

Samir

444 bronze badges

Collectives™ on Stack Overflow

Angular ng-repeat for comma separated strings

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related