오브젝트의 배열에 대한 MarkoJS 루프

정말 간단하고 사소한 문제에 대한 도움이 필요합니다.하지만 여기에 설명되어 있습니다. NodeJS의 서버 측에서 marko를 사용 중이며 다음을 통해 내보기를 렌더링하고 있습니다.오브젝트의 배열에 대한 MarkoJS 루프

ctx.render({ 
});

koa-router 및 koa. 누군가가 저를 저장하십시오,에 이동 내가 노력하고 노력하고 노력했다

<ul> 
    <li> 
    </li> 
</ul>

,하지만 너무 좌절 : 나는에 대해 이동하는 방법에 대한 또는를 통해 표시 할 모든 전체를 반복하는 동안 HTML 부서의 도움이 필요합니다 그것은 목요일 -_-에 월요일 뇌 방귀 같은 느낌으로에

"invoices": [ 
    { 
     "id": 1, 
     "customer_id": 1, 
     "line_items_total": 187, 
     "additional_fees": 10, 
     "tax_rate": 0.07, 
     "sub_total": 210.79 
    }, 
    { 
     "id": 2, 
     "customer_id": 4, 
     "line_items_total": 100, 
     "additional_fees": 0, 
     "tax_rate": 0.07, 
     "sub_total": 107 
    }, 
    { 
     "id": 3, 
     "customer_id": 2, 
     "line_items_total": 48.4, 
     "additional_fees": 0, 
     "tax_rate": 0.07, 
     "sub_total": 51.79 
    }, 
    { 
     "id": 4, 
     "customer_id": 9, 
     "line_items_total": 286, 
     "additional_fees": 35, 
     "tax_rate": 0.07, 
     "sub_total": 343.47 
    } 
]

전체 프로젝트 파일은 다음과 같습니다

/routes/invoices/invoices.js

:이 아래 GitHub

16,

및 쿼리에서 찾을 수 있습니다

queries.objects.getAllObjects()

에서 :을 의미

/db/queries

앞으로이 참조하는 사람을 위해

/routes/invoices/invoices.js

출처

2017-12-28 bRRRITSCOLD

이봐, 다시 나야, 당신이 삭제 된 문제에 저를 왼쪽 주석을 발견하고 나는 당신이 '년후을 알려드립니다 DV는 귀하의 게시물 (그리고 아무도 DV 수 게시물을 두 번 BTW). 미안 해요,하지만 그건 아니에요 -하지만 이걸 upvote 않았다 –

당신은 당신이 사용하는 배열을 통해 루프를 다음 수있는 올바른 원하는 .KEY의 각 속성/특성/값을 나열하려면 구문 :

<ul> 
    <li for(invoice in data.invoices)>${invoice}</li> 
</ul>

Marko를 사용하면 개체의 속성을 반복 할 수 있습니다. 뿐만 아니라 그렇게해야합니다 참고로

<ul> 
    <li for(invoice in data.invoices)> 
      <ul> 
       <li for(key,value in invoice)> 
        <strong>${key}</strong>: ${value} 
       </li> 
      </ul> 
    </li> 
</ul>

: https://markojs.com/docs/core-tags/#codeltforgtcode

출처

2017-12-29 17:45:22

LOL이있어, 멋진 단순함 :

invoices.marko

파일을 사용하여 기본적인 이해를 얻으십시오. 물론 나는 수 :

${invoice.id} 
${invoice.customer_id} 
${invoice.line_items_total} 
${etc}

이

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"/> 
    <title>Invoices</title> 
</head> 
<body> 
    <ul> 
    <li for(invoice in data.invoices)>${invoice}</li> 
    </ul> 
</body>

출처

2017-12-28 16:59:13 bRRRITSCOLD

오브젝트의 배열에 대한 MarkoJS 루프

답변

관련 문제