代码之家 › 专栏 › 技术社区 › Always_a_learner

如何在角度HTML中以逗号分隔的字符串打印数组

angular-pipe angular

4

Always_a_learner · 技术社区 · 7 年前

我必须用HTML显示JSON中的parse数组:

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

我要将名称显示为:

人、艺术家、表演艺术家、制作艺术家

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

人、艺术家、表演艺术家、制作艺术家

是否有可用于显示此类数据的角形内置管道?

1 回复 | 直到 7 年前

1

18

bugs 7 年前

你可以用 Array.prototype.join (注意逗号后面的空白)

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

这将打印数组中的所有元素,用逗号和空白分隔。