JSONから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と私のコメントへの回答に基づいて、この 感謝:)

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）