如何在ng-repeat元素后添加空格？ [英] How to add a space after ng-repeat element?

问题描述

使用 ng-repeat 与 span 元素添加所有 span 元素在它们之间没有空格，因此使其成为不可换行的行：

Using ng-repeat with span elements adds all span elements together w/o space between them thus making it an unbreakable line which does not wrap:

代码：

<span ng-repeat="label in labels">{{label}}</span> 

呈现html：

<span>label1</span><span>label 2</span><span>label3</span><span>label 3</span><span>label5</span><span>label 4</span>

这不包裹在一个狭窄的div中。

This does not wrap in a narrow div.

问题：如何使其包装？

http：// jsfiddle .net / supercobra / 6e8Bn /

推荐答案

我有同样的问题只有一个标签...这里是我的解决方案：

I have the same problem only with a tags... Here was my solution:

<span ng-repeat-start="label in labels" ng-bind="label"></span> <span ng-repeat-end></span>

基本上，ng-repeat-start和ng-repeat-end之间的任何内容都会重复，包括空格。 ..不幸的是，这意味着使用一个额外的span标签。不理想...

Basically anything between ng-repeat-start and ng-repeat-end will be repeated, including whitespace... Unfortunately, this meant using an extra span tag. Not ideal...

这篇关于如何在ng-repeat元素后添加空格？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！