Javascript 是否可以在不硬编码列名的情况下使用Angular.js填充表？

我有一个简单的Angular.js应用程序，它从mysql数据库中获取表格数据，并将其显示在一个简单的引导表中。我正在使用下面的代码来显示表列名，而不单独对它们进行硬编码

HTML:
       <table class="table">
        <thead>
          <tr style="background:lightgrey">
             <th ng-repeat="column in columns"> {{ column }} </th>
          </tr>
        </thead>

这和预期的一样，很好，但是其余的数据呢。。例如，我的表格主体现在看起来像这样

    var columnNames = function(dat) {
        var columns = Object.keys(dat[0]).filter(function(key) {
          if (dat[0].hasOwnProperty(key) && typeof key == 'string') {
            return key;
          }
        });
        return columns;
    };

    DataFactory.getTables(function(data) {
        $scope.columns = columnNames(data);
        $scope.tables = data; 
    });

HTML:
       <tbody>
          <tr ng-repeat="x in tables ">
            <td> {{ x.id}} </td>
            <td> {{ x.name }} </td>
            <td> {{ x.email }} </td>
            <td> {{ x.company }} </td>
        </tbody>

HTML:
        <tbody>
          <tr ng-repeat="x in tables">
            <td ng-repeat=“column in columns”> {{ x.column }} </td>
          </tr>
        </tbody>

HTML：
{{x.id}
{{x.name}
{{x.email}
{{x.company}}

我试过使用两个这样的循环

    var columnNames = function(dat) {
        var columns = Object.keys(dat[0]).filter(function(key) {
          if (dat[0].hasOwnProperty(key) && typeof key == 'string') {
            return key;
          }
        });
        return columns;
    };

    DataFactory.getTables(function(data) {
        $scope.columns = columnNames(data);
        $scope.tables = data; 
    });

HTML:
       <tbody>
          <tr ng-repeat="x in tables ">
            <td> {{ x.id}} </td>
            <td> {{ x.name }} </td>
            <td> {{ x.email }} </td>
            <td> {{ x.company }} </td>
        </tbody>

HTML:
        <tbody>
          <tr ng-repeat="x in tables">
            <td ng-repeat=“column in columns”> {{ x.column }} </td>
          </tr>
        </tbody>

HTML：
{{x.column}

---

但是这段代码不起作用，所以是否可以在不使用HTML硬编码列名的情况下使用angular填充表，如果可以，最有效的方法是什么？

您可能想尝试一下

{{column}}
{{x[列]}
"严格使用",；
角度.module（'APP'，[]）
.controller（'myController'，['$scope'，函数（$scope）{
$scope.tables=[
{ 
“column1”：“行1-column1”，
“column2”：“第1行-第2列”，
“column3”：“第1行-第3列”，
“第4列”：“第1行-第4列”
},
{ 
“column1”：“第2行-第1列”，
“column2”：“第2行-第2列”，
“column3”：“第2行-第3列”，
“column4”：“第2行-第4列”
}
];
$scope.columns=[
“第1栏”，
“第2栏”，
“第三栏”，
“第4栏”
];
}]);

可能是重复：{{x[column]}而不是{{x.column}这可能会对您有所帮助@sdfacre是对的{{x[column]}}而不是{x.column}}正是我想要的，谢谢@sdfacre@