Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/450.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/wpf/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用ng repeat的引导标签之间没有间距_Javascript_Css_Angularjs_Twitter Bootstrap - Fatal编程技术网

Javascript 使用ng repeat的引导标签之间没有间距

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

当我使用angular.js中的ng repeat添加标签时,它们的显示没有间距。 这里有一个例子来说明这一点

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


是否有一种方法可以在标签之间添加空白,而无需额外的样式设置,就像在纯引导中一样?

您可以将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>&nbsp;
</span>

{{tag}}

谢谢!看起来这是一个最好的解决方案这个答案也很好的解决了这个问题。例如,如果你重复了15个以上的标签,它们都是粘在一起的,并且从专栏中出来(而不是包装在里面),我的主要目标是不使用额外的CSS。但你的解决方案也能奏效
<span ng-repeat="tag in tags">
    <span class="label label-primary">{{tag}}</span>&nbsp;
</span>