Question

我试图弄清楚如何遍历JSON文件并抓住特定数据项的子项。我知道这将需要使用嵌套的ng-repeater，因为我正在使用angularJS，但我似乎无法让它输出任何东西。有什么想法吗？

注意：我使用ng-if只接收id＆＃34; someIdPassedIn＆＃34;的孩子。

我的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>

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

1 个答案: