AngularJS在ng-repeat下使用$ index访问另一个数组

时间:2016-01-30 06:49:46

标签: angularjs ng-repeat

我是AngularJS的新手,希望在ng-repeat下访问两个数组。这是我的代码:

<tr ng-repreat="find in findOptions">
<td>find.first</td>
<td>find.second</td>
<td>{{ search[{{$index}}].third }}</td>
</tr>

搜索是我想在这里访问的另一个数组

2 个答案:

答案 0 :(得分:3)

你不能再在内插中进行插值,基本上你可以直接在其中访问范围变量。

您可以直接使用$index来访问数组。

search[$index].third

答案 1 :(得分:1)

创建了JSFiddle演示 - https://jsfiddle.net/qtksp1kj/

希望这会有所帮助!

<body ng-app="SampleApp">
  <table ng-controller="fcController" border="1px">
    <thead>
      <tr>
        <td>Name</td>
        <td>Address</td>
        <td>LandMark</td>
      </tr>
    </thead>
    <tbody ng-repeat="element  in myArray">
      <tr>
        <td>{{element.name}}</td>
        <td>{{element.address}}</td>
        <td>{{myArray1[$index].landMark}}</td>
      </tr>
    </tbody>
  </table>
</body>


var sampleApp = angular.module("SampleApp", []);
sampleApp.controller('fcController', function($scope) {
  $scope.myArray = [{
    'name': 'Name1',
    'address': 'H-1 China Town'
  }, {
    'name': 'Name2',
    'address': 'H-2 China Town'
  }];

  $scope.myArray1 = [{
    'landMark': 'Near Dominos'
  }, {
    'landMark': 'Near Airport'
  }];
});