Add Custom props to tree node

[hsbalar]

What problem does this feature solve?

Can we have feature that node can contains more information other than title, key, isLeaf etc

What does the proposed API look like?

have different icon based on json,
can display more information instead only title,
can have html template

[vthinkxie]

Hi @hsbalar
please read the doc
https://ng.ant.design/components/tree/en#components-tree-demo-customized-icon
you can change all template if you want
https://stackblitz.com/edit/angular-d3ury1?file=app/app.component.ts

[hsbalar]

@vthinkxie I mean to say can we add custom props to each node of tree, Accept title, key etc Like below json, what if I have more information to show.
Thanks

  nodes = [
    new NzTreeNode({
      title   : 'root1',
      key     : '1001',
      type    : 'a',
      test    : '',
      data    : {
        map : '',
        name: 'xyz',
        status: 'suspended'
      }
      expanded: true,
      children: [
        {
          title   : 'child1',
          key     : '10001',
          type    : 'a',
          test    : '',
          data    : {
            map : '',
            name: 'xyz',
            status: 'suspended'
          }
          children: [
            {
              title   : 'child1.1',
              key     : '100011',
              selected: true,
              type    : 'a',
              test    : '',
              data    : {
                map : '',
                name: 'xyz',
                status: 'suspended'
              }
              children: []
            }
          ]
        }
      ]
    })
  ];

[vthinkxie]

@hsbalar it is very easy to custom your own tree using template, it can transform any json to the template you want.

[hsbalar]

I'm not able to provide custom JSON, when Initialising tree.
Like type, status. I want to pass some more data to tree.

nodes = [
    new NzTreeNode({
      title   : 'root1',
      key     : '1001',
      type    : 'a',
      status  :''
  })
];

[vthinkxie]

@simplejason

[vthinkxie]

@hsbalar https://stackblitz.com/edit/angular-d3ury1?file=app/app.component.ts
you can use this as temp solution, there are some typescript definition lost in our interface,
thanks for your feedback, we will fix it in next version.

[hsbalar]

Your welcome @vthinkxie.

[simplejason]

#1584

[lock]

This thread has been automatically locked because it has not had recent activity. Please open a new issue for related bugs and link to relevant comments in this thread.