来自Json的Angular JS显示字符串数组

Question

<li ng-repeat="address in search.result.addresses">
<a href ng-click="selectAddress(address)">
  {{address.addressLines}}
</a>
</li>

问题出在我身上 {{address.addressLines}}

这是一个字符串数组,因此我在屏幕上的值打印出来就像

[ "地址1", "地址2", "地址3", "地址4"]

但我只想要它打印出来

地址1,地址,地址3,地址4

Answer 1

基本上有两种方式:

1)通过使用原生角度指令:

<span ng-init="foo=[1,2,3,4]" ng-app="app">
        <span ng-repeat="f in foo">{{f}}<span ng-if="!$last">,</span></span>
</span>

2)通过编写一个简单的过滤器(最好的方法):

angular.module('app', []).filter('arrayToList', function(){
        return function(arr) {
            return arr.join(',');
        }
    });

<p>{{foo|arrayToList}}</p>

这是关于jsfiddle的工作示例:http://jsfiddle.net/g0dmazzk/