首页 文章

使用动态键值对遍历ng-repeat的子对象

提问于
浏览
0

我有一个JSON对象,我正在迭代这个 .

但是,每个迭代对象都有一些子对象,我也需要迭代它们 .

JSON结构:

[{
    'name': 'a',
    't1':'v1',
    't2':'v2',
    't3': {
        'c1':'cv1',
        'c2':'cv2',
         ...
    }
}, {
    ...
}]

此JSON对象具有(键,值)对和值可以使其子项与(键,值)对再次配对 .

我想为每个键值对和子键值对创建标签 .

1 回答

  • 1

    我不确定你的确切html结构是什么样的 . 请考虑写一个清除这些方面的好问题 . (问题应该包括你的输入数据,预期的输出数据,你尝试过的以及你得到的错误) .

    但是我认为你需要设置这样的东西,其中json是输入的数据结构,我循环内部子对象并打印它们 .

    <div ng-repeat="parent in json">
          {{parent.name}} - {{parent.t1}} - {{parent.t2}}
          <b>Childrens:</b>
    <ul> <li ng-repeat="child in parent.t3"> {{child.c1}} ... </li> </ul> </div>

    编辑(如果是动态键值)

    如果您的关键值对未知,我会建议这样做 -

    <div ng-repeat="parent in json">   
        <div ng-repeat="(parentkey, parentvalue) in parent">
            {{parentkey}} : {{parentvalue}}
            <b>Childrens :</b></br>
            <li ng-repeat="(k, v) in parentkey"> 
                   {{k}} : {{v}} 
                   ...
    
            </li>
        </div>
    </div>
    

相关问题