Mustache.js: 객체 키/값 쌍을 반복하시겠습니까?

안녕하세요 @chlab입니다!

데이터를 렌더러에 직접 전달하는 대신 view 개체로 형식을 지정해야 합니다. 또는 사용자 정의 도우미를 사용하십시오. 이러한 stackoverflow 스레드에 대한 몇 가지 아이디어가 있습니다.

http://stackoverflow.com/questions/9058774/handlebars-mustache-is-there-a-built-in-way-to-loop-through-the-properties-of
http://stackoverflow.com/questions/9981907/how-to-iterate-over-a-hash-in-mustache-js

아직 명확하지 않은 경우 알려주십시오. 건배!

@dasilvacontin 감사합니다.
그렇게 하는 것은 꽤 어색한 방법인 것 같군요, 그렇죠? 그 이유는 무엇입니까? 핸들바 방식이 훨씬 간편하지 않을까요?
건배

@chlab 이것은 Mustache의 기본 원리입니다. 모든 논리는 템플릿과 동일하지 않은 보기로 추출되어야 합니다. 이런 경우 약간의 논리가 있어서 더 어색해보이기도 하지만, 콧수염도 쓰러지지 않는 미끄러운 비탈길 :)

그럴 수 있지. 설명 감사합니다!

원래 언급된 기본 원리는 콧수염을 너무 독단적으로 만들며, 콧수염을 행복하게 하기 위해 항상 별도의 전환 단계를 마련하고 싶지는 않습니다...

단순한 객체에 대한 반복을 허용하는 것이 실제로 콧수염 보기에 논리를 도입하는 것입니까? 내 주장은 아니오입니다. 나는 논리가 없는 원칙의 팬이지만 이미 배열을 반복할 수 있습니다. 이것이 불필요하게 어색하다는 OP에 동의합니다. 다음 예를 고려하십시오.

내 데이터는 다음과 같습니다.

"attr": {
  "class": "foo",
  "href": "/somewhere"
}

하지만 다음과 같아야 합니다.

"attr": [
  {
    "key": "class",
    "value": "foo"
  },
  {
    "key": "href",
    "value": "/somewhere"
  }
]

렌더링하려면:

<a{{#attr}} {{ key }}="{{ value }}"{{/attr}}></a>

안녕하세요 여러분,

익명 목록을 어떻게 반복할 수 있습니까? {{#.}} 및 {{/.}}를 사용해 보았지만 작동하지 않습니다.

감사 해요

익명 목록을 반복하려면

let facts = doc.data(); res.render('index', {facts});

<ul> {{#each facts}} <li>Key: {{@key}} Value = {{this}}</li> {{/each}} </ul>

이 문제에 공식적인 것이 있습니까?

키-값 쌍이 있는 익명 개체 목록을 실제로 사용하는 방법은 무엇입니까?

제안된 개체 var values = { 'single': 'Single bed', ...} 와 질문의 제안된 출력을 사용하여 실제 예를 보여주세요.

추신: @prashantcs8 귀하의 예는 실제입니까? 작동 안함.

@chlab 우리는 2018년에 있습니다... Mustache에 익명 참조를 사용하는 옵션이 없나요?

@baseten , 위의 "하지만 그래야만 합니다"라는 문제가 있는데, 데이터 구조 변환을 적용하는 것은 보기 흉 합니다...

우아한 솔루션은 아니지만 변환을 수행하는 콧수염 도우미 메서드가 있는 res.render('index', objs2list(obj)) 하고 있습니다.

function objs2list(p) {
  r = [];
  for (var key in p) if (p.hasOwnProperty(key)) {
    r.push({"@key":key,"@val":p[key]});
  }
  return r;
}

존재하다?