引導程序標籤與ng-repeat之間沒有空格

Question

當我使用ng-repeat從angular.js添加標籤時，它們顯示時沒有空格。 這是一個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> 這就是爲什麼由斯凱利解決方案的工作。 確保間距的更好方法是使用 ，因爲space可以修剪。

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