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

Question

我正在尝试显示一个字符串[]，就像

JS代码

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

我在 $scope.res 中获取所有数组值并使用 ng-bind 在 HTML 中显示，

HTML代码

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

结果:鱼、羊、虾、鸡

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

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

Answer 1

您可以使用join 方法。

The join() method joins all elements of an array (or an array-like object) into a string.

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>