"Mustache.js 문자열 자르기"의 두 판 사이의 차이

잔글 (봇: 자동으로 텍스트 교체 (-== 참고 자료 == +==참고==))
29번째 줄: 29번째 줄:
*[[함수 substring()]]
*[[함수 substring()]]


==참고 자료==
==참고==
* http://stackoverflow.com/questions/8851794/limit-the-number-of-characters-rendered-by-a-mustache-js-tag
* http://stackoverflow.com/questions/8851794/limit-the-number-of-characters-rendered-by-a-mustache-js-tag


[[분류: Mustache]]
[[분류: Mustache]]

2017년 6월 27일 (화) 11:28 판

1 개요

Mustache.js 문자열 자르기
<div id="greeting"></div>

<script id="greeting-template" type="x-tmpl-mustache">
  <p>안녕, <strong>{{name}}</strong>!</p>
  <p>여기는 <strong>{{#cut3}}{{here}}{{/cut3}}</strong>입니다.</p>
</script>

<script src='//cdnjs.cloudflare.com/ajax/libs/mustache.js/2.2.1/mustache.min.js'></script>
<script>
var template = document.getElementById('greeting-template').innerHTML;
Mustache.parse(template);
var data = {
"name": "친구들",
"here": "서울시 영등포구 여의도동",
"cut3": function(){ return function(t,render){ return render(t).substr(0,3)+'...';}},
}
var rendered = Mustache.render(template, data);
document.getElementById('greeting').innerHTML = rendered;
</script>

2 같이 보기

3 참고

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}