使用angularjs显示具有自定义空间的数组项

Question

我正在尝试显示一个string[]，这就像

JS代码

var result = ["Fish","Mutton","Shrimp","Chicken"];
$scope.res = result;

我得到了$scope.res中的所有数组值，并使用ng-bind在HTML中显示，

HTML代码

<span ng-bind="res"></span>

结果:鱼，羊肉，虾，鸡

所需结果:鱼、羊肉、虾、鸡

我需要在每个数组值之间添加空间。

Answer 1

您可以使用join方法。

join()方法将数组(或类似数组的对象)的所有元素连接到一个字符串中。

JS

var result = ["Fish","Mutton","Shrimp","Chicken"];
$scope.res = result.join(', ');

HTML

<span ng-bind="res"></span>

​

var myapp = angular.module('myapp', []);
myapp.controller('FirstCtrl', function ($scope) {
    var result = ["Fish","Mutton","Shrimp","Chicken"];
    $scope.res = result.join(', ');
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myapp">
    <fieldset ng-controller="FirstCtrl">
        <span ng-bind="res"></span>
    </fieldset>
</div>

​