在打字稿中的类型声明期间在类内调用类

Question

This is the structure of data that I need

this.nodes=[
    {
      id: 1,
      name: 'root1',
      children: [
        { id: 2, name: 'child1' },
        { id: 3, name: 'child2' }
      ]
    },
    {
      id: 4,
      name: 'root2',
      children: [
        { id: 5, name: 'child2.1' },
        {
          id: 6,
          name: 'child2.2',
          children:[
            {id:7, name:'child2.2.1'}
          ]
        }
      ]
    },
  ];

For data type declaration I need to write a class which goes something like this

export class EvaluationMapperNodes {
    id: number;
    name: string;
    children: EvaluationMapperNodes[];
}

Using EvaluationMapperNodes inside itself is giving error. but the depth of children is dynamic. How do I recursively call class inside it.

PS Its Angular 2 project.

Answer 1

Change your interface like :

export class EvaluationMapperNodes {
  id: number;
  name: string;
  children?: EvaluationMapperNodes[];
}

---

The Error you must be getting because of this part

...
children: [
    { id: 5, name: 'child2.1' },
    {...

As it does not contain the children property, so it should be optional , and that you can achieve by using ? before property name like

children?: EvaluationMapperNodes[];