0

次のようなスクリプト タグを HTML ドキュメント内から分離する最良の方法は何ですか?

<ul class="shoesNav">
 <script id="shoe-template" type="x-handlebars-template">
  {{#each this}}
       <li class="shoes">
            <a href="/{{name}}">{{name}} -- Price: {{price}} </a>
       </li>
   {{/each}}
 </script>

</ul>

このようなものや類似のものを持つことは可能でしょうか？

<ul class="shoesNav">
  {{#each this}}
       <li class="shoes">
            <a href="/{{name}}">{{name}} -- Price: {{price}} </a>
       </li>
   {{/each}}
</ul>

アイデアは、すべてのテンプレートを別のファイルに入れることです。

4

2 に答える 2

1

これらを分離し、html ページとは別のハンドルバー テンプレートを用意してから、そのテンプレートを div にロードする必要があります。

そうなるだろう

<div id="shoes">
</div>

次に、そのdivにロードされる別のファイルテンプレートを用意します。

'<script id="shoe-template" type="x-handlebars-template">
  <ul class="shoesNav"> 
  {{#each this}}
      <li class="shoes">
        <a href="/{{name}}">{{name}} -- Price: {{price}} </a>
      </li>
  {{/each}}
  </ul>

'


于 2013-06-12T15:05:32.807 に答える