2012 년에 권장되는 jQuery 템플릿?

2012 년에 권장되는 jQuery 템플릿?

---

이 질문에 이미 답변이 있습니다.

• JQuery에 권장되는 JavaScript HTML 템플릿 라이브러리? 7 답변

jQuery 템플릿은 당분간 사용되지 않습니다.

HTML로 형식을 지정하고 DOM에 추가하려는 JavaScript 개체 형식의 데이터가 있습니다. 요즘 가장 좋은 방법은 무엇입니까?

1. HTML 문자열을 만들어야합니까?
2. 다음과 같은 jQuery를 통해 요소를 만들어야 $('<li>',{id:'my-'+Id}).append($('<span>').text(myText))합니까?
3. jQuery 템플릿을 대체하거나 성숙한 대체물이 있습니까?

---

이것이 내 프로젝트에서 수행하는 방법입니다.

HTML에서 템플릿을 정의합니다.

<script type="text/template" id="cardTemplate">
<div>
    <a href="{0}">{1}</a>
</div>
</script>

string.format을 사용하여 변수를 대체하십시오.

var cardTemplate = $("#cardTemplate").html();
var template = cardTemplate.format("http://example.com", "Link Title");
$("#container").append(template);

string.format :

String.prototype.format = function() {
  var args = arguments;
  return this.replace(/{(\d+)}/g, function(match, number) { 
    return typeof args[number] != 'undefined'
      ? args[number]
      : match
    ;
  });
};

매우 간단합니다. 템플릿을 결합 할 수도 있습니다.

---

당신은 확실히 Handlebars 및 / 또는 Mustache를 시도해야합니다

나는 Handlebars를 사용하는 경향이 있지만 구문은 매우 유사합니다.

---

Mustache.js는 템플릿 작성에 아주 좋습니다.

https://github.com/janl/mustache.js

---

JSON을 수동으로 구문 분석하는 것보다 훨씬 쉽습니다. 내가 기여했기 때문에 템플릿 컴파일이 필요하지 않고 JSON과 JavaScript 만 사용하므로 json2html에 부분적입니다.

http://json2html.com

---

저는 자바 스크립트를 사용하여 html 요소를 빌드하는 것을 정말로 좋아하지 않으므로 템플릿을 사용하는 것이 좋습니다. 여기
에서 템플릿 목록 및 관련 질문을 찾을 수 있습니다 .

jQuery Templates나는를 사용 했는데, 아주 간단하지만 더 이상 적극적으로 사용하지 않습니다.

참조 URL : https://stackoverflow.com/questions/14062368/recommended-jquery-templates-for-2012