How to repeat image column in AngularJS?

Question

How to set items per line in a column?

Here is HTML code:

<td ng-repeat="dr in img">
     <input id="imBed" ng-model="q" type="image" ng-src="{{dr.IMG}}" style="width: 50px;height: 50px" ng-click="Save(dr)" />
      <span ng-model="dr.BEDNO" style="width:60px">{{dr.BEDNO}} </span>
</td>

can you clarify your question so you want is to set how many imgs per row ??? — code.cycling, Nov 06 '17 at 05:43
you have to capture image and then save? or just only show img in columns — Dixit, Nov 06 '17 at 05:48
A quick question: Why you're using expressions (``{{}}``) since you're using `ng-src`? — Dhaval Marthak, Nov 06 '17 at 06:26

score 0 · Answer 1 · answered Nov 06 '17 at 07:25

0

Here's how i did mine if you use bootstrap you can use col-md-2 so in one row/line you can have 6 images.

<div class="row">
<div class="col-md-2" ng-repeat="dr in img">
    <img class="card-img-top" ng-src="{{ dr.IMG }}">
    <span ng-model="dr.BEDNO" style="width:60px">{{dr.BEDNO}} </span>
</div></div>

Note ng-repeat must be inside <div class="row"></div

if you want a more programmatically approach refer to this post.

answered Nov 06 '17 at 07:25

code.cycling

1,246
2
15
33

I don't use bootstrap, Please give solution without bootstrap. – Md Ataur Rahman Nov 07 '17 at 04:09

How to repeat image column in AngularJS?

1 Answers1