How to print an array in comma separated string in angular html How to print an array in comma separated string in angular html angular angular

How to print an array in comma separated string in angular html


You can use Array.prototype.join (notice the white space after the comma)

<p class="personaType">{{cardData.names.join(', ')}}</p>

This will print all the elements in the array, separated by a comma and a white space.


To minimize the load on your application, you might also consider creating a pipe.

It could look something like this, as far as usage: <p>{{ cardData.names|join:', ' }}</p>.

The transform function would look like this:

@Pipe({  name: 'join'})export class JoinPipe implements PipeTransform {  transform(input:Array<any>, sep = ','): string {    return input.join(sep);  }}