Tree View Displays No Items Found about ngx-treeview HOT 7 CLOSED

Thanks, got it working with the books example. Maybe you could add the demo link https://github.com/leovo2708/ngx-treeview/tree/master/src/demo to the Readme. Great job.

from ngx-treeview.

For anyone else who is still struggling with displaying the items, the items should be an array of TreeviewItem.

Working code here:

// Your.component.ts
import { TreeviewItem } from "ngx-treeview";

export class YourComponent implements OnInit {

  public items = [
    new TreeviewItem({
      text: "Vegetable",
      value: 2,
      checked: false,
      children: []
    })
  ];
}

// Your.component.html
    <ngx-treeview
      [config]="config"
      [items]="items"
      (selectedChange)="onSelectedChange($event)"
    >
    </ngx-treeview>

This is all!

from ngx-treeview.

Yes, you are using wrong binding data, it must be a list of TreeviewItem object, not JSON object.

from ngx-treeview.

It will be nice if you can provide me with some example data which works, I just tried this but it still returns the same error message.

    this._treeViewItem = new TreeviewItem({
       text: 'Vegetable', value: 2, children: [
         { text: 'Salad', value: 21 },
         { text: 'Potato', value: 22 }]
    });
    this._treeViewItem.children.push(new TreeviewItem({ text: 'Mushroom', value: 23, checked: false}));
    this._treeViewItem.correctChecked();
    
    <ngx-treeview
       [config]="config"
       [items]="_treeViewItem"
       (selectedChange)="onSelectedChange($event)">
   </ngx-treeview>

from ngx-treeview.

It's your mistake, I gave some examples but maybe you did't read them. My demo is here:
https://leovo2708.github.io/ngx-treeview/
And code is here: https://github.com/leovo2708/ngx-treeview/tree/master/src/demo

from ngx-treeview.

If I receive JSON from a Rest API can I do something like this? if so how can i do it, i have the same error

export class BookService {

permissions: TreeviewItem[] = [];

constructor(
private permissionService: PermissionService
) { };

getBooks(): TreeviewItem[] {

this.permissionService.getPermissionTree(89).subscribe(p => {
  this.permissions = p;
  return [this.permissions]
});

return [];

}
}

from ngx-treeview.

what error? You should read my examples, I define value property of TreeviewItem is any, you can use it.

from ngx-treeview.