HubL에서 객체의 배열을 반복하려면?

안녕하세요, 저는 허브 스폿에 HTML 코드를 생성하는 자바 스크립트가있어서 클라이언트가 콘텐츠 편집에보다 쉽게 액세스하고 싶어하며 HubL 템플릿을 사용하여이를 설정하려고합니다. 배열 변수를 출력하기 위해 for 루프를 사용할 수 있다는 것을 알았지 만 객체의 배열을 인쇄 할 수 있다면 궁금한가요?HubL에서 객체의 배열을 반복하려면?

그들의 코드 : 내 코드의

{% set languages = ['HTML', 'CSS', 'Javascript', 'Python', 'Ruby', 'PHP,', 'Java'] %} 

{% for language in languages %} 
<li>{{ language }}</li> 
{% endfor %}

간체 버전 :

{ % set episodes = [{ 
     id: "1", 
     name: "Episdoe 1" 
    }, { 
     id: "2", 
     name: "Episdoe 2" 
    }, { 
     id: "3", 
     name: "Episdoe 3" 
    }, { 
     id: "4", 
     name: "Episdoe 4" 
    }] 
%} 

<ul>{% for episode in episodes %} 
    <li>{{ episode.id }}</li> 
    <li>{{ episode.name}}</li> 
    {% endfor %} 
</ul>

내가 현재 잘못된 구문을 가지고에 대한 오류를 받고 있어요. 이 오류는 [] 안에 대괄호가있는 것으로부터옵니다. 나는 그들의 사이트를 보려고 노력했지만 Google 검색을 약간했는데 객체 배열을 표시 할 때 아무것도 찾을 수없는 것 같습니다.

출처

2016-10-31 Jleibham

: (1)'id' 키 값 쌍 후 객체의 배열에 쉼표 누락 . (2) extra} 배열 뒤에 그리고'{% set %} '문장을 닫기 전에 –

그래, 내가 수정 하겠지만, 실제로는 예제를 위해서 변경했다. set episodes = [{id : "1"}, {id : "2"} ...}로 목록을 작성했을 때 코드가 변경되기 전에 코드가 작동하지 않았습니다. – Jleibham

죄송합니다. 올바른 코드 오류가있어서 추가로 구문 오류가 생겼습니다. 도와 줘서 고마워. – Jleibham

작동해야합니다! 여기에 기능 HubL 템플릿 예는 (수정과) 위에 제공되는 오브젝트/데이터를 사용하여입니다 :

귀하의 코드 형식이 잘못

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>{{ content.html_title }}</title> 
    <meta name="description" content="{{ content.meta_description }}"> 
    {{ standard_header_includes }} 
</head> 
<body> 
    {% set episodes = [ 
     { 
      id: "1", 
      name: "Episdoe 1" 
     }, 
     { 
      id: "2", 
      name: "Episdoe 2" 
     }, 
     { 
      id: "3", 
      name: "Episdoe 3" 
     }, 
     { 
      id: "4", 
      name: "Episdoe 4" 
     } 
    ] %} 

    <ul>{% for episode in episodes %} 
     <li>{{ episode.id }}</li> 
     <li>{{ episode.name}}</li> 
     {% endfor %} 
    </ul> 

    {{ standard_footer_includes }} 
</body> 
</html>

출처

2016-10-31 16:38:52

감사의 커크! 당신이 괜찮다면 또 다른 빠른 질문. 내 클라이언트가 "페이지 편집"페이지에서 개체를 추가하도록이 기능을 구현할 수 있습니까? 그래서이 변수를 {% set episodes = [{id : (id), name :(episode)}와 같은 변수로 설정할 수 있습니다. 분명히 구문이 잘못되었지만이 정보를 페이지에 중첩 할 수 있기를 원합니다. 수정하여 내 클라이언트가이 코드를 통해 추가 에피소드를 추가 할 필요가 없습니다. – Jleibham

HubL에서 객체의 배열을 반복하려면?

답변

관련 문제