handlebars.js를 사용하여 객체의 객체를 반복

다음 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기가바이트 등

은 어떤 제안이 크게 감사합니다!

출처

2017-12-28 user752746

JSON 응답을 배열로 변환 한 다음 템플릿의 해당 배열을 반복합니다. 그렇게하기 위해 백엔드 코드에 액세스 할 수 있습니까? –

예, 백엔드 코드에 액세스 할 수 있습니다. 어떻게하는지 보도록하겠습니다. 고맙습니다! – user752746

중첩 된 each을 만들 필요가 없습니다. 간단히 paths과 @key을 조합하여 반복 객체의 현재 키를 얻습니다.

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

출처

2017-12-28 21:55:26 Chay22

고마워요 Chay22, 이걸 시도해보고 알게 해 줘. – user752746

나는 이것을 받고있다 (0 :,,). 어떤 제안? – user752746

그럴 수 있습니다 의미는 주어진 개체가 질문에 제공 한 개체와 동일한 형태로되지 않습니다. 당신은 실제로 여기 http://tryhandlebarsjs.com/ – Chay22

handlebars.js를 사용하여 객체의 객체를 반복

답변

관련 문제