带有ng-repeat的bootstrap-labels之间没有间距

Question

当我使用angular.js中的ng-repeat添加标签时，它们显示没有间距。 这是展示它的Plunker。

但是如果我手动添加标签，只是复制了html，那么就会显示空格。

有没有办法在没有额外样式的情况下在标签之间添加空格，就像在纯自举中一样？

Answer 1

您可以将HTML标记更改为此...

   <div class="panel-heading">
    My panel
    <span ng-repeat="tag in tags"><span class="label label-primary">{{tag}}</span> </span>
   </div>

演示：http://bootply.com/113372

Answer 2

或者您可以使用CSS：相邻的兄弟选择器

  

相邻的选择器。它将仅选择紧跟在前一个指定元素之后的指定元素。

.label + .label {
  margin-left: 8px;
}

Answer 3

对此的解释是ng-repeat 不在<label>之间添加空格 这就是Skelly解决方案的原因。 确保间距的更好方法是使用 ，因为space可以修剪。

<span ng-repeat="tag in tags">
    <span class="label label-primary">{{tag}}</span>&nbsp;
</span>