javascript - 只列出对象数组的一个属性

Question

我想要一个 Angular 列表，显示一组对象中一个对象属性的所有实例，仅此而已——例如，仅国家/地区。

$scope.testSites = [
                { "site": "Testsite1", "country": "Country1", "customer": "Customer1"},
                { "site": "Testsite2", "country": "Country2", "customer": "Customer2"}
            ];
$scope.chosenCategory = 1;
$scope.categoryNames = ["site", "country", "customer"];
$scope.aspect = $scope.categoryNames[$scope.chosenCategory];

但是，我想使用上面的变量“方面”来选择要在列表中显示的属性。像 {{x.country}} 这样的东西虽然有效，但还不够。我试过这个，但它返回一个空列表:

<table border="1" class="list-group-item list-group-item-success">
            <tr>
                <th>{{aspect | capitalize}}</th> 
            </tr>

            <tr ng-repeat="x in testSites | orderBy:myOrderBy">
                <td>
                    {{x.aspect}}
                </td>

            </tr>
        </table>

有什么我可以做的吗？

Answer 1

您可以通过 {{ x[aspect] }} - [] 括号符号来完成。它计算表达式并使用结果来查找属性。

你可以找到Demo here