Как ng-repeat разделить запятыми?

Question

[ummahusla]

У меня есть обьект book, в этом обьекте есть массив genres.

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

Когда я пытаюсь с помощью ng-repeat сделать вывод всей даты из genres, не получается, красиво разделить это всё дело запятыми.

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

Пробывал через:

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

Answer 1

[Сергей Протько]

да что за народ то пошел... Если можно что-то в шаблонах делать то все пытаются там делать.

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>