Modo corretto per dichiarare l'oggetto JSON in Typescript

Question

Ho il seguente oggetto JSON nella mia app Angular 2 e vorrei sapere qual è il giusto cosa dichiararlo in dattiloscritto.

data = [ 
    { 
    'id':1, 
    'title':'something' 
    'node': [ 
       { 
       'id':1, 
       'title':'something' 
       'node': [] 
       } 
      ] 
    }, 
    { 
    'id':2, 
    'title':'something' 
    'node': [ 
       { 
       'id':1, 
       'title':'something' 
       'node': [] 
       } 
      ] 
    } 
] 

Answer 1

Ecco un'implementazione semplice e ingenuo di quello che stai chiedendo:

interface IDataNode { 
    id: number; 
    title: string; 
    node: Array<IDataNode>; 
} 

Se si desidera creare un'istanza detti nodi da codice:

class DataNode implements IDataNode { 
    id: number; 
    title: string; 
    node: Array<IDataNode>; 

    constructor(id: number, title: string, node?: Array<IDataNode>) { 
     this.id = id; 
     this.title = title; 
     this.node = node || []; 
    } 

    addNode(node: IDataNode): void { 
     this.node.push(node); 
    } 
} 

Usando questo per codificare la struttura:

let data: Array<IDataNode> = [ 
    new DataNode(1, 'something', [ 
     new DataNode(2, 'something inner'), 
     new DataNode(3, 'something more') 
    ]), 
    new DataNode(4, 'sibling 1'), 
    new DataNode(5, 'sibling 2', [ 
     new DataNode(6, 'child'), 
     new DataNode(7, 'another child', [ 
      new DataNode(8, 'even deeper nested') 
     ]) 
    ]) 
]; 

Answer 2

Il modo corretto sta usando un'interfaccia, non genera codice aggiuntivo quando viene compilato a JavaScript e ti offre funzionalità di tipizzazione statica:

https://www.typescriptlang.org/docs/handbook/interfaces.html