import { Component, OnInit } from "@angular/core" ;
import { NodeService } from "./nodeservice" ;
import { TreeNode } from "primeng/api" ;
@Component({
selector: "app-root" ,
templateUrl: "./app.component.html" ,
})
export class AppComponent {
tableData: TreeNode[] = [];
cols: any[] = [];
loading: boolean;
constructor(private nodeService: NodeService) {}
ngOnInit() {
this .cols = [
{ field: "firstname" , header: "First Name" },
{ field: "lastname" , header: "Last Name" },
{ field: "age" , header: "Age" },
];
this .loading = true ;
setTimeout(() => {
this .loading = false ;
this .tableData = [
{
data: {
firstname: "David" ,
lastname: "ace" ,
age: "40" ,
},
children: [
{
data: {
firstname: "Nathan" ,
lastname: "ace" ,
age: "16" ,
},
children: [
{
data: {
firstname: "Abe" ,
lastname: "ace" ,
age: "12" ,
},
},
{
data: {
firstname: "Ksi" ,
lastname: "ace" ,
age: "12" ,
},
},
],
},
{
data: {
firstname: "Shane" ,
lastname: "ace" ,
age: "14" ,
},
},
],
},
{
data: {
firstname: "Warner" ,
lastname: "ace" ,
age: "55" ,
},
children: [
{
data: {
lastname: "ace" ,
firstname: "Michelle" ,
age: "20" ,
},
},
{
data: {
firstname: "Charlie" ,
lastname: "ace" ,
age: "24" ,
},
},
],
},
{
data: {
firstname: "Max" ,
lastname: "ace" ,
age: "55" ,
},
children: [
{
data: {
firstname: "Michelle" ,
lastname: "ace" ,
age: "20" ,
},
},
{
data: {
firstname: "Charlie" ,
lastname: "ace" ,
age: "24" ,
},
},
],
},
{
data: {
firstname: "Willy" ,
lastname: "ace" ,
age: "55" ,
},
children: [
{
data: {
firstname: "Michelle" ,
lastname: "ace" ,
age: "20" ,
},
},
{
data: {
firstname: "Charlie" ,
lastname: "ace" ,
age: "24" ,
},
},
],
},
{
data: {
firstname: "Miley" ,
lastname: "ace" ,
age: "55" ,
},
children: [
{
data: {
firstname: "Michelle" ,
lastname: "ace" ,
age: "20" ,
},
},
{
data: {
firstname: "Charlie" ,
lastname: "ace" ,
age: "24" ,
},
},
],
},
{
data: {
firstname: "Sam" ,
lastname: "ace" ,
age: "55" ,
},
children: [
{
data: {
firstname: "Michelle" ,
lastname: "ace" ,
age: "20" ,
},
},
{
data: {
firstname: "Charlie" ,
lastname: "ace" ,
age: "24" ,
},
},
],
},
{
data: {
firstname: "James" ,
lastname: "ace" ,
age: "55" ,
},
children: [
{
data: {
firstname: "Michelle" ,
lastname: "ace" ,
age: "20" ,
},
},
{
data: {
lastname: "ace" ,
firstname: "Charlie" ,
age: "24" ,
},
},
],
},
];
}, 1000);
}
}
|