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

Question

I'm trying to figure out how to iterate through a JSON file and grab the children of a particular data item. I know this is going to require the use of nested ng-repeaters, as I am using angularJS, but I can't seem to get it to output anything. Any ideas?

Note: I use an ng-if to only take in the children of the id "someIdPassedIn".

My 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>

My JSON file:

[
    {
        "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

With the limited amount of information available, it appears as though the property names in your template are incorrect. I took a shot at fixing them, maybe it will point you in the right direction if it's not quite perfect.

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