AngularJs ng-repeat循环遍历2个数组

时间:2015-07-09 09:17:44

标签: javascript angularjs

我试图通过循环遍历2个数组enter image description here

来实现这个观点

但是从我使用的ng-repeats中,我得到了这个观点

enter image description here

这是我现在的代码

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

1 个答案:

答案 0 :(得分:1)

尝试使用$index它将在属性数组中提供当前索引

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