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">

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

1 个答案: