Display array items with custom space using angularjs

Question

I am trying to display a string[], which is like

JS Code

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

I get all the array values in $scope.res and displayed in HTML using ng-bind,

HTML code

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

Result: Fish,Mutton,Shrimp,Chicken

Needed Result: Fish, Mutton, Shrimp, Chicken

I need to add space between every array value.

Mihai Alexandru-Ionut · Accepted Answer · 2017-05-02 07:12:30Z

8

You can use join method.

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>

edited May 2, 2017 at 7:12

answered May 2, 2017 at 7:08

Mihai Alexandru-Ionut

48.6k14 gold badges106 silver badges132 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Display array items with custom space using angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related