How to separate ng-repeat with commas?

Question

Angular

I have a book object, this object has an array of genres.

var book = { name:'Game Of Thrones', price: 19.95, author:'George R. R. Martin', genres:['Fantasy', 'Political strategy', 'High fantasy']};

When I try to display the entire date from genres using ng-repeat, it doesn’t work, it’s nice to separate this whole thing with commas.

<p>Genres: <strong ng-repeat="genre in store.product.genres">{{genre}}</strong></p>

Been through:

<p>Genres: <strong ng-repeat="genre in store.product.genres">{{genre ? '' : ', '}}</strong></p>

Answer 1

Yes, what kind of people then went ... If you can do something in the templates, then everyone is trying to do it there.

angular.module('app').filter('join', function () {
    return function (arr, glue) {
         if (!Array.isArray(arr)) {return arr;}
         return arr.join(glue);
    };
});

<strong>{{store.product.genres | join : ', '}}</strong>