Question

我使用angularJS创建表格。但它并没有起到如此巨大的作用..这里是我的问题。

代码：

appGenerator.controller('customersCtrl', function ($scope) {
     $scope.names = [
        {"Name": "EMAIL", "StringValue": "dsa@dsada", "Type": "C"},
        {"Name": "DESC", "StringValue": "Test","Type": "C"}
        ];
});

HTML：

 <table class="table">
            <tr ng-repeat="tableItem in names">
                <td ng-repeat="item in tableItem">{{item}}</td>
            </tr>
        </table>

此刻我得到整个项目。但我想要＆＃34; StringValue＆＃34;。我测试过了 <td ng-repeat="item in tableItem">{{item.StringValue}}</td> 但它不起作用。我没有得到任何输出。我做错了什么？

Answer 1

你应该像下面这样做;

<table class="table">
  <tr ng-repeat="tableItem in names">
    <td>{{ tableItem.name }}</td>
    <td>{{ tableItem.StringValue }}</td>
    <td>{{ tableItem.Type }}</td>
  </tr>
</table>

您已经迭代了名称。然后你应该使用这个对象。

Answer 2

您的第二个ng-repeat位于对象{"key": "value"}对上，因此ng-repeat应如下所示：

<table class="table">
    <tr ng-repeat="tableItem in names">
        <td ng-repeat="(key, value) in tableItem">{{key}}&nbsp;{{value}}</td>
    </tr>
</table>

请参阅：How can I iterate over the keys, value in ng-repeat in angular

angularJS表数组

2 个答案: