angular - 如何在 Angular html中以逗号分隔的字符串打印数组

Question

我必须在 HTML 中的 json 中显示一个解析数组:

 <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"

我想将名字显示为:

Person, Artist, Performing Artist, Production Artist

现在它显示为(没有空格):

Person,Artist,Performing Artist,Production Artist

是否有任何内置管道可用于显示此类数据？

Answer 1

您可以使用 Array.prototype.join (注意逗号后面的空格)

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

这将打印数组中的所有元素，以逗号和空格分隔。