Javascript 使用ng repeat的引导标签之间没有间距
当我使用angular.js中的ng repeat添加标签时,它们的显示没有间距。 这里有一个例子来说明这一点 但如果我手动添加标签,只是复制了html,那么它们会显示为空白Javascript 使用ng repeat的引导标签之间没有间距,javascript,css,angularjs,twitter-bootstrap,Javascript,Css,Angularjs,Twitter Bootstrap,当我使用angular.js中的ng repeat添加标签时,它们的显示没有间距。 这里有一个例子来说明这一点 但如果我手动添加标签,只是复制了html,那么它们会显示为空白 是否有一种方法可以在标签之间添加空白,而无需额外的样式设置,就像在纯引导中一样?您可以将HTML标记更改为 <div class="panel-heading"> My panel <span ng-repeat="tag in tags"><span class="la
是否有一种方法可以在标签之间添加空白,而无需额外的样式设置,就像在纯引导中一样?您可以将HTML标记更改为
<div class="panel-heading">
My panel
<span ng-repeat="tag in tags"><span class="label label-primary">{{tag}}</span> </span>
</div>
我的小组
{{tag}}
演示:或者您可以使用CSS:相邻同级选择器 相邻选择器。它将只选择紧跟在前一个指定元素之后的指定元素
对此的解释是,
ng repeat
不会在
这就是Skelly的解决方案起作用的原因。
确保间距的更好方法是使用
,因为空间可以修剪
<span ng-repeat="tag in tags">
<span class="label label-primary">{{tag}}</span>
</span>
{{tag}}
谢谢!看起来这是一个最好的解决方案这个答案也很好的解决了这个问题。例如,如果你重复了15个以上的标签,它们都是粘在一起的,并且从专栏中出来(而不是包装在里面),我的主要目标是不使用额外的CSS。但你的解决方案也能奏效
<span ng-repeat="tag in tags">
<span class="label label-primary">{{tag}}</span>
</span>