Angular ng-repeat变量，用于访问另一个作用域对象

Question

I am trying to use the variable i get from ng-repeat to accesses an object inside the scope.

My template is:

<tr>
    <td style="font-weight: bold">term</td>
    <td ng-repeat="block in blocks">{{ data.block.term }}</td>
    <td>{{ total.term }}</td>
</tr>

My scope variables are:

$scope.blocks = ['A', 'B', 'C'];
$scope.data = {'A': {'term': 0, 'term2': 7}, 'B': {'term': 2, 'term2': 3}, 'C': {'term': 5, 'term2': 14}};

Answer 1

由于block是一个变量，因此您不能将其用作键，您需要进行以下修改：

<td ng-repeat="block in blocks">{{ data[block].term }}</td>

Answer 2

 var app = angular.module("app",[]); app.controller("MyCtrl", function($scope){ $scope.blocks = ['A', 'B', 'C']; $scope.data = [{'term': 0, 'term2': 7}, {'term': 2, 'term2': 3}, {'term': 5, 'term2': 14}]; }) 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="app" ng-controller="MyCtrl"> <table> <tr> <td style="font-weight: bold">term</td> <td ng-repeat="block in blocks track by $index">{{ data[$index].term }}</td> </tr> </table> 

Answer 3

You cannot user this like that because data requires index you are not providing index block is not index in the case

You should use

 {{ data[block.$index].term }}