CODEWITHSUNDEEP
angularjsnode.js
Ismael Moral
Ismael Moral

Reputation: 732

How to use ng-repeat to show all items in the same line

I'm doing a M.E.A.N stack application and I need to show all tags about one article in the same line or the same row. Also I'm using Twitter Bootstrap and float: left will show in the same line but the page shows unorganized.

I have something like this ... 

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

The element I need to show in the same line are the elem.tags.

Upvotes: 0

Views: 3440

Answers (1)

0xc0de
0xc0de

Reputation: 8297

As mentioned by @Sergiu you can use display: inline or use

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

instead of.

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

Upvotes: 1

Related Questions