如何使用ng-repeat顯示同一行中的所有項目

Question

我在做一個M.E.A.N堆棧應用程序，我需要在同一行或同一行中顯示關於一篇文章的所有標籤。此外，我使用的是Twitter Bootstrap，並且float: left將顯示在同一行中，但頁面顯示爲無組織。

我有這樣的事情......

<div class="col-md-10"> 
    <h2> Articles <span class="badge"> {{ numArticles }} </span> </h2> 
    <div class="col-md-4" ng-repeat="elem in list"> 
    <h4> {{ elem.title }} </h4> 
    <p> {{ elem.desc }} </p> 
    <div class="col-sd-4" ng-repeat="it in elem.tags"> 
     <span class="tagElement">{{ it }}</span> 
    </div> 
    </div> 
</div> 

我需要在同一行顯示的元素是elem.tags。

Answer 1

正如@Sergiu提到你可以使用display: inline或使用

<span class="col-sd-4" ng-repeat="it in elem.tags"> 

代替。

<div class="col-sd-4" ng-repeat="it in elem.tags">