Question

我有一个字典，其中值本身就是一个对象。我想使用ng-repeat在表格中显示条目。

这是字典：

{
        'adam': {
            c1: "a",
            c2: "b"
        },
        'amalie': {
            c1: "c",
            c2: "d"
        }
    };

我已经访问了this问题，但它谈到了简单的键值对。

这是jsfiddle。

我希望它显示为：

NAME c1 c2
adam a b
amalie c d

Answer 1

<ul>
    <li ng-repeat="(name, ages) in items">              
        {{name}} 
        <span ng-repeat="age in ages">
            {{age}}
        </span>        
    </li>
</ul>

jsfiddle

Answer 2

<div ng-app ng-controller="MyCtrl">
    <ul>
        <li ng-repeat="(name, age) in items">{{name}}: {{age.c1}} : {{age.c2}}</li>
    </ul>
</div>

像这样使用......

Answer 3

检查此更新的jsFiddle。希望这会有所帮助。

<div ng-app ng-controller="MyCtrl">
    <table>
        <tr>
            <td>Name</td>
            <td>C1</td>
            <td>C2</td>
        </tr>

        <tr ng-repeat="(name, age) in items">
            <td>{{name}}</td>
            <td>{{age.c1}}</td>
            <td>{{age.c2}}</td>
        </tr>

    </table>
</div>

http://jsfiddle.net/5dh0d8nd/2/

Answer 4

可以是这样的：

DEVICE_ID

请参阅此Fiddle。

如何在AngularJs中使用ng-repeat来嵌套词典？

4 个答案: