JSON to typescript 클래스, 인터페이스?

Question

저는 Angular2 & Typescript를 사용하여 weppapp을 개발하려고합니다. 나는 이런 json을 가지고있다 :

{ 
"homeMenu":{ 
    "aname1":{ 
     "title":"text", 
     "route":"myroute" 
    }, 
    "aname2":{ 
     "title":"text", 
     "route":"myroute" 
    }, 
    "aname3":{ 
     "title":"text", 
     "route":"myroute" 
    }, 
    "aname4":{ 
     "title":"text", 
     "route":"myroute", 
     "homeMenu":{ 
      "aname41":{ 
       "title":"text", 
       "route":"myroute" 
      }, 
      "aname42":{ 
       "title":"text", 
       "route":"myroute" 
      } 
     } 
    }, 
    "aname5":{ 
     "title":"text", 
     "route":"myroute" 
    } 
}} 

나는 어떤 종류의 클래스 나 인터페이스를 갖고 싶다.이 유형의 json을 생성한다. 시도했지만 성공하지 못했습니다. 모든 메뉴, 클래스 메뉴 및 클래스 하위 메뉴가있는 3 개가 필요합니다. 나는 비슷한 것을 가지고 있지만 json에 "aname1", "aname2"예를 들어 가지고 있지 않다 ...

시작 부분에 유효한 JSON이 아닌 것으로 생각했다. json 유효성 검사기로 테스트했고 유효합니다. 그래서 난 당신이 할 수있는 인터페이스를 사용하여 JSON 내 의견에 대한 답변을 바탕으로

Answer 1

:)이 감사를 달성하기 위해 도움이 필요 :

interface HomeMenu { 
    [name: string]: MenuItem; 
} 

interface MenuItem { 
    title: string; 
    route: string; 
    homeMenu?: HomeMenu; 
} 

interface Menu { 
    homeMenu: HomeMenu; 
} 

let json: Menu = { 
    "homeMenu": { 
     "aname1": { 
      "title": "text", 
      "route": "myroute" 
     }, 
     "aname2": { 
      "title": "text", 
      "route": "myroute" 
     }, 
     "aname3": { 
      "title": "text", 
      "route": "myroute" 
     }, 
     "aname4": { 
      "title": "text", 
      "route": "myroute", 
      "homeMenu": { 
       "aname41": { 
        "title": "text", 
        "route": "myroute" 
       }, 
       "aname42": { 
        "title": "text", 
        "route": "myroute" 
       } 
      } 
     }, 
     "aname5": { 
      "title": "text", 
      "route": "myroute" 
     } 
    } 
} 

(code in playground)