Ractive.jsのテンプレートに外部ファイルを使用する

ここを読んだほうが早い

• https://github.com/ractivejs/ractive/issues/131

---

サンプルはこれ

( ＾ω＾) ここに 公式 60-second-setup があるじゃろ？

( ＾ω＾) これを…

index.html

<div id='container'></div>

<script id='template' type='text/ractive'>
  <p>Hello, {{name}}!</p>
</script>

<script src='http://cdn.ractivejs.org/latest/ractive.min.js'></script>

<script>
  var ractive = new Ractive({
    el: 'container',
    template: '#template',
    data: { name: 'world' }
  });
</script>

( ＾ω＾) こうじゃ

hello.html

<p>Hello, {{name}}!</p>

index.html

<div id='container'></div>

<!-- これは不要
<script id='template' type='text/ractive'>
  <p>Hello, {{name}}!</p>
</script>
 -->

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src='http://cdn.ractivejs.org/latest/ractive.min.js'></script>

<script>
  $.get('hello.html').then( function(template) {
    var ractive = new Ractive({
      el: 'container',
      template: template,
      data: { name: 'world' }
    });
  });
</script>

以上