Custom children node with different node name about angular-tree-control HOT 5 CLOSED

You have an alternate name for the children property, as in
http://wix.github.io/angular-tree-control/#children

Does that answer your need?

from angular-tree-control.

I need this to, but in my case, i have multiple names for each child, like this:

   [{
        id: 1,
        label: "Empresa 1",
        unidade: [{
            id: 2,
            label: "Unidade 2",
            curso: [{
                id: 3,
                label: "Curso",
                ciclo: [{
                    id: 4,
                    label: "Ciclo 1"
                }, {
                    id: 5,
                    label: "Ciclo 2"
                }, {
                    id: 6,
                    label: "Ciclo 3"
                }, {
                    id: 7,
                    label: "Ciclo 4"
                }]
            }]
        }]
     }]

from angular-tree-control.

not sure I can help you given such a model. How do you imagine a tree component handling such a case?

I think the best option for you is to transform your data into a structure that is more friendly for the tree control (e.g. having only one children property name).

from angular-tree-control.

Ok @yoavaa, thanks for this comment, I asked the boy to the backend to make this change.

But now I have another question, how do I get a way to access the DOM of the node.
eg;

<div treecontrol class="tree-light"
     tree-model="treedata"
     expanded-nodes="expandedNodes"
     options="treeOptions">
    <input type="checkbox"
           ng-checked="node.Liberado"
           ng-click="checkAll(node, $parent)" />
    {{node.Label}}
</div>

I need to access the parent from the node on checkAll(node...)

from angular-tree-control.

You have that option via the $parentNode member of the label scope
see at http://wix.github.io/angular-tree-control/#labels-template

from angular-tree-control.