Add space between string array using angularjs

Question

I am working in angularjs project,

var res = ["Art","Logic","Science"];
$scope.output = res;

Result is displayed as

Art,Logic,Science

I need the result as -

Art, Logic, Science

Have to add space between each string array value.

Answer 1

You can use the join() method to achieve this.

 var myapp = angular.module('myapp', []); myapp.controller('SpaceCntrl', function($scope) { var result = ["Art", "Logic", "Science"]; $scope.res = result.join(', '); }); 

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

Answer 2

This is how I usually do it:

$scope.output = res.join(', ');

Using Array.propotype.join()

Answer 3

Joining the array will do it :)

var res = ["Art","Logic","Science"];
$scope.output = res.join(', ');