2017-12-28 9 views
1

次のjsonを返す単純なnode.jsアプリケーションがあります。handlebars.jsを使ったオブジェクトのオブジェクトのループ

{ 
    computers: { 
    john: { 
    cpu: "intel", 
    ram: "8MB", 
    hd: "1TB" 
    }, 
    jane: { 
    cpu: "intel", 
    ram: "12MB", 
    hd: "500GB" 
    }, 
    mary: { 
    cpu: "intel", 
    ram: "8MB", 
    hd: "500GB" 
    } 
    } 
} 

私のindex.hbsファイルには次のものがあります。

{{#each computers}} 
    {{#each this}} 
     {{cpu}} {{ram}} {{hd}} 
    {{/each}} 
{{/each}} 

私は次の結果を得たいと思います。

ジョン:インテル、8メガバイト、1TB ジェーン:インテル、12メガバイト、500ギガバイト など。

どれ提案が大幅に高く評価されます!

+0

JSONレスポンスを配列に変換し、テンプレート内のその配列を反復処理します。それを行うためのバックエンドコードにアクセスできますか? –

+0

はい、バックエンドコードにアクセスできます。私はこれを行う方法を見てみましょう。ありがとうございました! – user752746

答えて

2

ネストしたeachを作成する必要はありません。単純にpaths@keyを組み合わせて使用​​すると、反復オブジェクトの現在のキーが取得されます。

{{#each computers}} 
    {{@key}}: {{./cpu}}, {{./ram}}, {{./hd}} 
{{/each}} 
+0

ありがとうChay22、私はこれを試してみて、あなたにこれが動作するかどうかを知らせます。 – user752746

+0

これ(0:、、)が返されました。助言がありますか? – user752746

+0

これは、与えられたオブジェクトがあなたが質問で提供したオブジェクトと等しくないことを意味する可能性があります。あなたは実際にハンドルバーでここに住んでみることができますhttp://tryhandlebarsjs.com/ – Chay22

関連する問題