181 votes

En utilisant la virgule comme séparateur de liste avec AngularJS

J’ai besoin de créer une liste séparée par des virgules d’éléments :

Selon la documentation de AngularJS, sans instructions de flux de contrôle est autorisé dans les expressions. C’est pourquoi mon `` ne fonctionne pas.

Y a-t-il un autre moyen de créer des listes séparées par des virgules ?

EDIT 1
y a-t-il quelque chose de plus simple que :

341voto

Andy Joslin Points 23231

Vous pourriez faire de cette façon :

``

.. Mais j’ai comme réponse de Philipp  :-)

231voto

Philipp Reichart Points 10371

Il suffit d’utiliser intégré de Javascript `` fonction pour les tableaux :

101voto

sanusart Points 391

Aussi:

angular.module('App.filters', [])
    .filter('joinBy', function () {
        return function (input,delimiter) {
            return (input || []).join(delimiter || ',');
        };
    });

Et dans le modèle:

{{ itemsArray | joinBy:',' }}

10voto

Chris Stephens Points 499

Vous pouvez utiliser CSS pour le fixer trop

<div class="some-container">
[ <span ng-repeat="something in somethings">{{something}}<span class="list-comma">, </span></span> ]
</div>

.some-container span:last-child .list-comma{
    display: none;
}

Mais Andy Joslin de réponse est meilleur

Edit: j'ai changé mon esprit, j'ai dû le faire récemment, et j'ai fini par aller avec un filtre de jointure.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X