javascript - Angularjs ng-repeat 使用键作为对象的属性名称

Question

在 Angular 上，我想使用 ng-repeat 的键作为对象的属性名称

            $scope.datas= {};
            $scope.datas.key1 = 'val1';
            $scope.datas.key2 = 'val2';


             $scope.dictionnary= {};
             $scope.dictionnary['key1']  ='toto';
             $scope.dictionnary['key2']  ='titi';


    <div ng-repeat="(key, value) in datas">
    {{dictionnary[key]}} //does not work!
    </div>

你知道怎么做吗？

Answer 1

好吧，这可能归结为几件事:

1:您也可以将数据用作字典，然后它可以使用 1 个循环 (PICK ME)

angular.module('myApp', [])
  .controller('myController', function($scope) {
    $scope.datas = {};
    $scope.datas.key1 = 'val1';
    $scope.datas.key2 = 'val2';


    $scope.dictionnary = {};
    $scope.dictionnary['key1'] = 'toto';
    $scope.dictionnary['key2'] = 'titi';
  })

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="myApp">
  <div ng-controller="myController">
    <div ng-repeat="(key, value) in datas">
      {{dictionnary[key]}} //does not work!
    </div>
  </div>
</div>

2:您可以像@Omri Aharon 展示的那样使用嵌套的 ng-repeat