2012년에 권장되는 jQuery 템플릿은 무엇입니까?

2012년에 권장되는 jQuery 템플릿은 무엇입니까?

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

JQuery에 권장되는 JavaScript HTML 템플릿 라이브러리. (7개의 답변)

닫힘9년 전.

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>

문자열을 사용합니다.변수를 대체할 형식:

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
    ;
  });
};

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

핸들바나 콧수염을 꼭 사용해 보세요.

핸들 바를 사용하는 편이지만 구문은 비슷합니다.

콧수염.js는 템플링에 아주 좋습니다.

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

템플릿은 JSON을 수동으로 해석하는 것보다 훨씬 쉽습니다.제가 기여했기 때문에 json2html은 템플릿 컴파일이 필요 없고 JSON과 JavaScript만 사용하기 때문에 매우 좋아합니다.

http://json2html.com

저는 javascript를 사용하여 html 요소를 작성하는 것을 정말 싫어하기 때문에 템플릿을 사용하는 것을 추천합니다.
템플릿 목록 및 관련 질문은 여기에서 찾을 수 있습니다.

저는 예전에jQuery Templates단순하지만 더 이상 활동적이지 않습니다.

언급URL : https://stackoverflow.com/questions/14062368/recommended-jquery-templates-for-2012