Mustache.js: ์ฝง์ˆ˜์—ผ ๋ณ€์ˆ˜ ์•ž์— ๋ฆฌํ„ฐ๋Ÿด {์„ ์ธ์‡„ํ•˜๋Š” ๋ฐฉ๋ฒ•์€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?

์— ๋งŒ๋“  2014๋…„ 02์›” 16์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: janl/mustache.js

๋ณ€์ˆ˜๋ฅผ {}๋กœ ๋ฌถ๊ณ  ์‹ถ์€ ์ฝง์ˆ˜์—ผ ํ…œํ”Œ๋ฆฟ์ด ์žˆ์Šต๋‹ˆ๋‹ค.

var output = Mustache.render('<td>{{{start.lat}}, {{start.lon}}}</td>', routeObj);

<td> ๋ฌธ์ž์—ด๊ณผ ํ•จ๊ป˜ {1.8978, 30.4545} ๋ฅผ ์ถœ๋ ฅํ•˜๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค.

{{{๋Š” ์ฝง์ˆ˜์—ผ์— ํŠน๋ณ„ํ•œ ์˜๋ฏธ๊ฐ€ ์žˆ์œผ๋ฏ€๋กœ ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์ฝง์ˆ˜์—ผ์˜ ์ฒซ ๋ฒˆ์งธ {๋ฅผ ํƒˆ์ถœํ•˜๋Š” ๋ฐฉ๋ฒ•์ด ์žˆ์Šต๋‹ˆ๊นŒ?

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

๋‚ด๊ฐ€ ์ƒ๊ฐํ•  ์ˆ˜ ์žˆ๋Š” ๋‘ ๊ฐ€์ง€ ๋ฐฉ๋ฒ•:

  1. ์ž„์‹œ๋กœ ๊ตฌ๋ถ„ ๊ธฐํ˜ธ๋ฅผ ์ค‘๊ด„ํ˜ธ ์ด์™ธ์˜ ๊ฒƒ์œผ๋กœ ์„ค์ •ํ•œ ๋‹ค์Œ ์ค‘๊ด„ํ˜ธ๋ฅผ ์ธ์‡„ํ•œ ํ›„ ๋‹ค์‹œ ์ „ํ™˜ํ•ฉ๋‹ˆ๋‹ค.

var output = Mustache.render('<td>{{=<% %>=}}{<% start.lat %>, <% start.lon %>}<%={{ }}=%></td>', routeObj);

  1. ๋ณ€์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ { ๋ฐ } ์ธ์‡„

routeObj.openbrace = '{'; routeObj.closebrace = '}'; var output = Mustache.render('<td>{{openbrace}}{{start.lat}}, {{start.lon}}{{closebrace}}</td>', routeObj);

๋ชจ๋“  3 ๋Œ“๊ธ€

๋‚ด๊ฐ€ ์ƒ๊ฐํ•  ์ˆ˜ ์žˆ๋Š” ๋‘ ๊ฐ€์ง€ ๋ฐฉ๋ฒ•:

  1. ์ž„์‹œ๋กœ ๊ตฌ๋ถ„ ๊ธฐํ˜ธ๋ฅผ ์ค‘๊ด„ํ˜ธ ์ด์™ธ์˜ ๊ฒƒ์œผ๋กœ ์„ค์ •ํ•œ ๋‹ค์Œ ์ค‘๊ด„ํ˜ธ๋ฅผ ์ธ์‡„ํ•œ ํ›„ ๋‹ค์‹œ ์ „ํ™˜ํ•ฉ๋‹ˆ๋‹ค.

var output = Mustache.render('<td>{{=<% %>=}}{<% start.lat %>, <% start.lon %>}<%={{ }}=%></td>', routeObj);

  1. ๋ณ€์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ { ๋ฐ } ์ธ์‡„

routeObj.openbrace = '{'; routeObj.closebrace = '}'; var output = Mustache.render('<td>{{openbrace}}{{start.lat}}, {{start.lon}}{{closebrace}}</td>', routeObj);

@alanhamlett ์€ ๋˜ํ•œ html ๊ฐœ์ฒด์— ๋Œ€ํ•ด ๋‹ค์Œ๊ณผ &#123; ๋Š” {

์ด๊ฒƒ์€ ๋ชจ๋‘ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค. ๊ฐ์‚ฌ ํ•ด์š”!

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰

๊ด€๋ จ ๋ฌธ์ œ

funston picture funston  ยท  7์ฝ”๋ฉ˜ํŠธ

amper5and picture amper5and  ยท  5์ฝ”๋ฉ˜ํŠธ

zekth picture zekth  ยท  18์ฝ”๋ฉ˜ํŠธ

kuldeepdhaka picture kuldeepdhaka  ยท  9์ฝ”๋ฉ˜ํŠธ

rlightner picture rlightner  ยท  7์ฝ”๋ฉ˜ํŠธ