公開日: 2009年07月03日(Fri)
JavaScriptで動作するテンプレートエンジンライブラリで 『JavaScriptTemplates(JST)』 というのがあるらしく、ちょっとだけいじってみたメモ。
JSTのソースコードは http://code.google.com/p/trimpath/downloads/list からゲット。( trimpath-template-1.0.38.js )
上記ページに紹介されている手順を簡潔にまとめてみた。
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/trimpath-template-1.0.38.js"></script>
<div id="hello"></div>
<script type="text/javascript">
var template = '<p>僕の名前は ${name} です。</p>';
var data = {'name': '碇シンジ'};
var result = template.process(data);
$('#hello').html(result);
</script>
だいたいこんな感じ。
この結果、#hello
にセットされるHTMLソースは次のようになった。
<p>僕の名前は 碇シンジ です。</p>
やってみたソースはこちら。
・・・関係ないけど、ヱヴァの破はめちゃめちゃおもしろい。
公開日: 2009年07月03日(Fri)