Feature: Separator for ng-repeat tags.

[Masterovoi]

Hello developers AngularJS!

I need to get HTML (SPAN separated is a space):

<p class=tags>
<span>A</span> <span>B</span> <span>C</span> <span>D</span> <span>E</span>
</p>

I found how to solve the problem:

<p class=tags><span ng-repeat-start="item in items">{{ item.name }}</span> <i ng-repeat-end></i></p>

But it is very inconvenient.
I need an extra tag separator for ng-repeat, for example, ng-separator.
For examples HTML:

...
<span ng-repeat="item in items"  ng-separator=" ">...</span>
...

Help me please

[m-amr]

@Masterovoi why you don't use

   <p class="tags"><span ng-repeat="item in items">{{item.name}}</span></p>

and you will get

   <p class=tags>
          <span>A</span> <span>B</span> <span>C</span> <span>D</span> <span>E</span>
   </p>

?

[Masterovoi]

In your example AngularJS not used separator - space character - ASCII 32!
And so you do not get the result that I wrote.

[m-amr]

@Masterovoi you can use

  <p class="tags">
         <span ng-repeat="item in items">
                {{item.name}}
                 <span ng-if="!$last">&nbsp;</span>
         </span>
  </p>

or

<p class="tags">
         <span ng-repeat="item in items">
                {{item.name}}
                {{ $last? '': '&nbsp;'; }}
         </span>
  </p>

I think this will print a white space between each span except the last one
does it solve your problem ?

[Masterovoi]

I'm sorry, but you will not understand the question. I need a space between adjacent tags span.

...</span> <span>...

[frfancha]

Really needing a space between spans and not at the end of span means that you depend of "something" in your css that you could probably change to solve your problem.
But what you suggest could be useful to insert br tags (or another tag) between repeated items, which can be done by ngRepeatStart/ngRepeatEnd and ngIf/$end to avoid putting one after the last one, but indeed would be more elegant with ngSeparator

[Narretz]

Since there are so many ways to achieve this result already, I'm not in favor of adding a separator. In fact, you can even achieve this with pure CSS: http://cssdeck.com/labs/ppqsob8n

[frfancha]

@Narretz: Indeed. You're right and it's better to keep Angular concise and effective.

[Masterovoi]

@Narretz:
Example http://cssdeck.com/labs/ppqsob8n does not answer my question. The separator is not necessary in span, and outside. CSS into my example does not remove the problem.

If for example add a snippet,

        span {
            background-color:   #0097D6;
            color:              white;
            border-radius:      5px;
            padding:            4px 6px 5px 6px;
        }

then there will be no separator "buttons"

[Masterovoi]

Look at the problem from your first and second examples ("here is the problem with the HTML-wrap"):
http://cssdeck.com/labs/oehgqdif

The third example - this is my version of what I need to get from the ng-repeat.

[Narretz]

I see what you mean. After elements are not good enough in this case. Still, I don't see using actual spaces to separate tags as such a good (and frequent) idea. For example, html minifiers actually remove these spaces to create smaller payloads. And I still think that CSS should be used for this, see here for example: http://jsbin.com/mofukofoxi/edit?html,css,output