While using the AngularJS based Treeview (no jQuery), how to set the data-node-label with the data?

Question

Here is my jsfidder: Demo.

I'm trying to use the AngularJS Treeview and it's the official demo .

<div
  data-angular-treeview="true"
  data-tree-model="data"
  data-node-id="value"
  data-node-label="value.artifactId"
  data-node-children="children" >
</div>

I want to set the node name with the data in value. For example, the name of node

"value": {artifactId": "mock", "groupId": "com.myproject", "scope": "compile", "type": "jar", "version": "0.0.1-SNAPSHOT"} should be mock.0.0.1-SNAPSHOT . I want to know how to set the value of the data-node-label.

Aviro · Accepted Answer · 2015-04-30 10:11:02Z

1

Can you change the feeding JSON format as below.
I have taken only few records just to show the syntax.

{
    "roleName" : "sts.api", 
    "roleId" : "com.myproject.sts", 
    "scope": "compile",
    "type": "jar",
    "version": "0.0.7-SNAPSHOT",
    "children" : []
},  
{
    "roleName" : "simbacall.api", 
    "roleId" : "com.myproject.simba", 
    "scope": "compile",
    "type": "jar",
    "version": "1.1.0.0-SNAPSHOT"
    "children" : [
        {
            "roleName" : "javax.ws.rs-api", 
            "roleId" : "javax.ws.rs", 
            "scope": "compile",
            "type": "jar",
            "version": "2.0",
            "children" : []
        },
        {
        },
        ...
    ]

answered Apr 30, 2015 at 10:11

Aviro

2,15523 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

0n1yDream Over a year ago

The problem is that I can not change the JSON format, so I want to know how to fix this with the current format...

Collectives™ on Stack Overflow

While using the AngularJS based Treeview (no jQuery), how to set the data-node-label with the data?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related