javascript - Angular ng-repeat 需要更改从 json 获取的数据

Question

我有一个没有正确数据的 JSON 对象。所以我想用查找表中的值替换获得的值，但我不知道如何替换查找表对应的数据的值。

lookupTable = {
  "pizza": function() {
    console.log("food");
  },
  "house": function() {
    console.log("building");
  },
  "air": function() {
    console.log("nothing");
  }
};
$scope.value =lookupTable["pizza"]()

我的 html 文件有

<tr ng-repeat="x in names">
    <td>{{ x.lookupTable["pizza"]() }}</td> 

我的代码位于http://plnkr.co/edit/w4lOFVRo9vSi8vqfbpXV?p=preview

感谢任何帮助!

Answer 1

以下是您提供的链接中代码中的一些问题:

1. 如前面的答案中指出的那样，lookupTable 上的函数没有返回任何内容。
2. lookupTable 不是 $scope.names 的属性，因此使用 x.lookupTable 无效。

要使其正常工作，您应该:

1. lookupTable 中的函数应返回实际值，而不是使用console.log
2. 将 lookupTable 绑定(bind)到 $scope
3. 直接在 View 内使用lookupTable，因为它绑定(bind)到$scope

相关代码如下:

<div ng-app="myApp" ng-controller="customersCtrl">
  <table>
    <tr ng-repeat="x in names">
      <td>{{ lookupTable[x.Name]() }}</td> 

    </tr>
  </table>
</div>

<script>
  var app = angular.module('myApp', []);
  app.controller('customersCtrl', function($scope, $http) {
    $http.get("data.json")
    .then(function(response) {
      $scope.names = response.data.records;
    });


    $scope.lookupTable = {
      "pizza": function() {
        return 'food';
      },
      "house": function() {
        return 'building';
      },
      "air": function() {
        return "nothing";
      }
    };

  });
</script>