Hogan.js를 사용하여 객체의 키와 값을 반복 할 수 있습니까? 필자는 이러한 문서화 된 기능을 찾을 수 없으며 배열에 대한 반복 만 문서화 된 것으로 보입니다. hogan.js (또는 다른 moustache.js 구현)의 객체를 반복 할 수 있습니까?Hogan.js의 키/값을 반복합니다.
3
A
답변
1
저도 같은 상황에서 어제, 그리고 Hogan.js
및 Mustache.js
일부 연구 후에, 나는이 솔루션을 발견 : http://jsfiddle.net/LuD6j/1/
4
는 방법이 없습니다 :
var data = { 'list' : [{ 'name' : 'dhg'}, {'name' : 'abc'}] };
var template = Hogan.compile("{{#list}} {{name}} {{/list}}");
var output = template.render(data);
console.log(output);
당신이있어 행동에서 볼 수 있습니다 Hogan.js에있는 객체의 키와 값을 직접 반복하기 위해서 sub_stantial이하는 일은 배열을 반복적으로 반복하는 것입니다.
원하는대로 프리 렌더 코드가 필요합니다. 당신이 { k1: "v1", k2: "v2" }
인 객체 o를 가지고 있다고 가정하십시오. 그리고 당신은 당신 만 (_ underscore 라이브러리)이 필요합니다, 당신의 렌더링 템플릿 k1 has value v1; k2 has value v2;
할 것을 권장합니다
var oAsList = [];
_.each(_.keys(oAsList), function (k) {
oAsList.push({ key: k, value: o[k] });
})
그리고 트릭을 수행하는 콧수염 템플릿입니다
{{#oAsList}} {{key}} has value {{value}}; {{/oAsList}}
관련 문제
- 1. IList를 반복합니다.
- 2. IHtmlElementCollection을 반복합니다.
- 3. IHTMLElementCollection을 반복합니다.
- 4. CssStyleCollection을 반복합니다.
- 5. DynamicJsonObject를 반복합니다.
- 6. Android보기의 모든 하위보기를 반복합니다.
- 7. Qt - QRadioButtons를 반복합니다.
- 8. JSTL이 객체 목록을 반복합니다.
- 9. 파이썬이 사전을 반복합니다.
- 10. 폴더를 반복하여 반복합니다.
- 11. Jframe의 모든 객체를 반복합니다.
- 12. Python : 파일의 URL을 반복합니다.
- 13. 데이터 배열/해시를 반복합니다.
- 14. Perl : INI 파일을 반복합니다.
- 15. 라디오 버튼을 반복합니다.
- 16. web.config의 요소를 반복합니다.
- 17. xsl 알파벳 목록을 반복합니다.
- 18. linux 디렉토리의 파일을 반복합니다.
- 19. Perl에서 해시 배열을 반복합니다.
- 20. 포커스를주는 ImageButton을 반복합니다. Android
- 21. extendedDataTable의 객체 목록을 반복합니다.
- 22. .NET에서 텍스트 상자를 반복합니다.
- 23. Ajax는 헤더를 반복합니다.
- 24. 반복없이 폴더를 반복합니다.
- 25. Java : JGraphT : 노드를 반복합니다.
- 26. 열이있는 ggplot2를 반복합니다.
- 27. Bash는 디렉토리의 파일을 반복합니다.
- 28. JsonObject 속성을 반복합니다.
- 29. jQuery 문을 반복합니다.
- 30. ruby - 배열을 천천히 반복합니다.