使用 ng-repeat 的引导标签之间没有间距答案

【问题标题】：No spacing between bootstrap-labels with ng-repeat使用 ng-repeat 的引导标签之间没有间距
【发布时间】：2015-06-30 09:42:08
【问题描述】：

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

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

有没有办法像在纯引导程序中那样在标签之间添加空白而不需要额外的样式？

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：

【解决方案3】：

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

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

【讨论】：