Как напечатать массив в строке через запятую в угловом HTML

Question

Я должен отобразить синтаксический анализ массива внутри json в HTML:

 <p class="personaType">{{cardData.names}}</p>

, где имена

names: Array(5) 0:"Person" 1:"Artist" 2:"Performing Artist" 3:"Production Artist" 4:"Visual Artist" 5:"Intermedia Artist"

Я хочу отображать имена как:

Персона, Художник, Исполнитель, Художник-постановщик

Сейчас он отображается как (без пробела):

Персона, Художник, Исполнитель, Художник-постановщик

Есть ли в наличии угловая встроенная труба, которая может использоваться для отображения таких данных?

Answer 1

Вы можете использовать Array.prototype.join (обратите внимание на пробел после запятой)

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

Это напечатает все элементы в массиве, разделенные запятой ипробел.