Inserting commas dynamically to a list inside the view, angular js

Question

I've got some html that looks like this

columns = [<span ng-repeat-start= "col in colsList">"{{col}}"</span><span ng-repeat-end></span>]

Which is giving me nearly the correct output, something like this.

columns = ["a" "b" "c" "d"]

Is there anything within angular that will allow me to easily separate these items with commas? I tried doing this

columns = [<span ng-repeat-start= "col in colsList">"{{col}}, "</span><span ng-repeat-end></span>]

Which ended up giving me output such as this.

columns = ["a", "b", "c", "d",]

Which is so close to what I want, but I cannot have the extra comma after the "d".

So, is there anything in angular like this, that will allow me to represent a typical list inside the view, separated by a delimeter, in this case a comma?

JB Nizet · Accepted Answer · 2014-10-06 18:21:12Z

2

[<span ng-repeat="col in colsList">"{{ col + ($last ? '"' : '", ') }}</span>]

answered Oct 6, 2014 at 18:21

JB Nizet

694k94 gold badges1.3k silver badges1.3k bronze badges

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

10 Comments

Zack Over a year ago

It appears as though the end bracket of my list is being included as a part of the quotation (it is colored green, the color of strings in my editor), Is there a way to not include the final bracket as a part of the last string in the list? I've tried messing around with the variables next to "$last" without luck

JB Nizet Over a year ago

Your editor is confused, but the code is correct. Try using " instead of ", maybe that will make your editor happy.

Zack Over a year ago

I don't know why I said editor.. browser is what I meant. Same case though

Zack Over a year ago

Even in your example here, the final span tag is considered "quoted"

JB Nizet Over a year ago

A browser doesn't color quotes in green. The code works fine here on Firefox, Safari and Chrome: plnkr.co/edit/lNCjNQzACsD45f4UkyBp?p=preview. What is the problem?

|

Collectives™ on Stack Overflow

Inserting commas dynamically to a list inside the view, angular js

1 Answer 1

10 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

10 Comments

Your Answer

Sign up or log in

Post as a guest

Related