HOME > > > >

{{html}} Template Tag

テンプレートタグ。通常の${}の場合、バインドされるデータにHTMLが含まれていた場合エスケープされるが、このタグの場合、エスケープされない。

サンプル

実行結果

Javascript

  1. $('#template-1')
  2. .tmpl({ name: '<a href="http://www.caquu.com/">www.caquu.com</a>' })
  3. .appendTo('.jqTest1 .screen');

HTML

  1. <div class="jqTest1">
  2.  
  3.     <script id="template-1" type="text/x-jquery-tmpl">
  4.         <dl>
  5.         <dt>デフォルト</dt>
  6.         <dd>${name}</dd>
  7.         </dl>
  8.  
  9.         <dl>
  10.         <dt>html</dt>
  11.         <dd>{{html name}}</dd>
  12.         </dl>
  13.     </script>
  14.  
  15.     <div class="screen"></div>
  16. </div>