没有引号的角度打印字符串数组

Question

我有一个来自服务器的简单字符串数组:

[{"things":["me", "my"]}]

在我的页面中,要显示我拥有的数组:

{{things}}

它打印:

["me", "my"]

如何控制打印,例如,如果我想删除括号和引号？

Answer 1

您可以实现一个范围函数来将数组显示为逗号分隔的字符串,如此小提琴中所示.

$scope.array = ["tes","1","2","bla"];

$scope.arrayToString = function(string){
    return string.join(", ");
};

现在您可以在模板中调用此函数:

{{arrayToString(array)}}

更新

您还可以join()直接在模板中使用数组方法,而无需在更新的小提琴中显示的中间使用额外的函数.

{{array.join(", ")}}

Answer 2

我想你会想要ngRepeat这样的东西:

<div class="list" ng-repeat="thing in things">
  {{ thing }}
</div>