将逗号动态插入到视图内的列表中，角度js答案

【问题标题】：Inserting commas dynamically to a list inside the view, angular js将逗号动态插入到视图内的列表中，角度js
【发布时间】：2014-10-06 18:17:48
【问题描述】：

我有一些看起来像这样的 html

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

这给了我几乎正确的输出，就像这样。

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

是否有任何东西可以让我轻松地用逗号分隔这些项目？我试过这样做

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

最终给了我这样的输出。

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

这与我想要的非常接近，但我不能在“d”之后添加额外的逗号。

那么，有没有任何像这样的角度，可以让我在视图中表示一个典型的列表，用分隔符分隔，在这种情况下是逗号？

【问题讨论】：

【解决方案1】：

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

【讨论】：

看起来好像我列表的末尾括号被包含在引用中（它是绿色的，我的编辑器中的字符串颜色），有没有办法不包含最后一个括号作为列表中最后一个字符串的一部分？我试过弄乱“$last”旁边的变量，但没有运气
你的编辑器一头雾水，但代码是正确的。尝试使用&quot; 而不是"，也许这会让你的编辑高兴。
我不知道为什么我说编辑器..浏览器就是我的意思。同样的情况
即使在您的示例中，最终的 span 标签也被视为“引用”
浏览器不会将引号涂成绿色。该代码在 Firefox、Safari 和 Chrome 上运行良好：plnkr.co/edit/lNCjNQzACsD45f4UkyBp?p=preview。有什么问题？