javascript - AngularJS 在 JSON 文件上嵌套 ng-repeat 和 ng-if

Question

我试图弄清楚如何迭代 JSON 文件并获取特定数据项的子项。我知道这需要使用嵌套的 ng-repeaters，因为我使用的是 angularJS，但我似乎无法让它输出任何内容。有什么想法吗？

注意:我使用 ng-if 只接受 id“someIdPassedIn”的子级。

我的 HTML:

<span ng-repeat="item in dataItems">
    <span ng-if="item.id == someIdPassedIn">
        <span ng-repeat="child in item.children">
            {{ child.id }}
        </span>
    </span>
</span>

我的 JSON 文件:

[
    {
        "id": 1,
        "name": "test1",
        "children": [
            {
                "id": 1,
                "name": "child"
            }
        ]
    }, 
    {
        "id": 2,
        "name": "test2",
        "children": [
            {
                "id": 1,
                "name": "child"
            }
        ]
    }, 
    {
        "id": 3,
        "name": "test3",
        "children": [
            {
                "id": 1,
                "name": "child"
            }
        ]
    }
]

Answer 1

由于可用信息量有限，模板中的属性名称似乎不正确。我尝试修复它们，如果它不是很完美，也许它会为您指明正确的方向。

<span ng-repeat="item in dataItems">
    <span ng-if="item.id == someIdPassedIn">
        <span ng-repeat="child in item.children">
            {{ child.id }}
        </span>
    </span>
</span>