AngularJs ng-repeat looping through 2 arrays

Question

I am trying to achieve this view by looping through 2 arrays enter image description here

but from the ng-repeats that I'm using, I get this view

enter image description here

This is the code that I have right now

$scope.properties = ["First name", "Last name"];

$scope.labels = ["john", "doe"];

//jade
.col-md-12
    .col-md-6(ng-repeat="property in properties")
        label {{ property }}
    .col-md-6(ng-repeat="label in labels")
            {{ label }}

Harsh · Accepted Answer · 2015-07-09 09:35:59Z

1

Try this Use $index it will give the current index in properties array

HTML

 <div ng-repeat="prop in properties" class="col-md-12">
    <div class="col-md-6">
      <label>{{prop}}</label>
    </div>
    <div class="col-md-6">
      <label>{{labels[$index]}}</label>
    </div>
  </div>

JADE

.col-md-12(ng-repeat='prop in properties')
  .col-md-6
    label {{prop}}
  .col-md-6
    label {{labels[$index]}}

edited Jul 9, 2015 at 9:35

answered Jul 9, 2015 at 9:26

Harsh

1,0721 gold badge10 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJs ng-repeat looping through 2 arrays

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related