2014-03-28 5 views
0

저는 이와 같은 JSON 구조를 가지고 있으며 먼지 템플릿의 64x64 이미지를 참조하려고합니다. 이것은 64x64 때문에 작동하지 않습니다. dust.js 템플릿dust.js의 숫자로 시작하는 필드를 참조하는 방법은 무엇입니까?

{#users} 
<tr> 
    <td><img class="thumb" src="{.images[0].links['64x64']}"/></td> 
    <td>{.title}</td> 
</tr> 
{/users} 

는 내가이 작업을 수행하려면 어떻게

{.images[0].links.64x64} 
{.images[0].links['64x64']} 
{.images[0].links.'64x64'} 
{'.images[0].links.64x64'} 

을 시도했습니다

"images": [ 
     { 
      "dateLastUpdated": "2014-02-24T23:00:00Z", 
      "links": { 
       "1024x1024": "http://imghost/some.JPG", 
       "147x147": "http://imghost/some.JPG", 
       "358x358": "http://imghost/some.JPG", 
       "498x498": "http://imghost/some.JPG", 
       "64x64": "http://imghost/some.JPG", 
       "726x726": "http://imghost/some.JPG" 
      }, 
      "status": "OK" 
     } 
    ], 

이있다?

나는 이러한 특정 문제가 있지만 일반적으로 하나를 해결하는 해결 방법을 찾았습니다 1

업데이트. 루프에서 다른 크기를 참조하려면 동일한 문제가 다시 발생합니다.

{#users $size="64x64"} 
<tr> 
    <td><img class="thumb" src="{.images[0].links[$size]}"/></td> 
    <td>{.title}</td> 
</tr> 
{/users} 

업데이트 2

질문에 dust.js 템플릿을 언급해야 :)

답변

0

불행하게도이

var data = {"images": [ 
    { 
     "dateLastUpdated": "2014-02-24T23:00:00Z", 
     "links": { 
      "1024x1024": "http://imghost/some.JPG", 
      "147x147": "http://imghost/some.JPG", 
      "358x358": "http://imghost/some.JPG", 
      "498x498": "http://imghost/some.JPG", 
      "64x64": "http://imghost/some.JPG", 
      "726x726": "http://imghost/some.JPG" 
     }, 
     "status": "OK" 
    } 
]}; 
console.log(data.images[0].links['64x64']); 
+0

그래, 그 작품은하지만 특별히 먼지의 변수 확장을 찾고 있어요. :) – magiconair

+0

나는 먼지에 대해 아무것도하지 않는다. 당신이 물었던 것은 단순히 javascript와 json에 관한 것이다. 그래서 나는 그것을 설명했다. –

+0

아, 질문에서 먼지 템플릿을 언급하는 걸 잊어 버렸습니다. 이봐. 이것을 업데이트합니다. thx – magiconair

0

뭔가를 시도,이 수 없습니다. 더스트 문법은 키가 숫자로 시작하는 것을 허용하지 않습니다. 템플릿을 렌더링하기 전에 JSON을 수정할 수있는 경우 _ 또는 img을 접두어로 붙인 다음 먼지 템플릿에 {_1024x1024} 또는 {img1024x1024}을 사용하십시오.

+0

그리고 배열 구문을 통해 키를 참조 할 수있는 방법이 없습니다. 링크 ['64 ']? – magiconair

관련 문제