search

flatiron / plates

Light-weight, logic-less, DSL-free, templates for all javascript environments!
MIT License
831 stars 69 forks source link

BUG: "Template" may not contain "Subtemplates" tag name #118

Closed serapath closed 10 years ago

serapath commented 10 years ago

Subtemplate tag name:

<li class='components'></li>

Working template example content: "lol":

<!DOCTYPE html>
<html>
  <head>
    <title>Working template example content: "lol"</title>
    <script type="text/javascript" src='bower_components/plates/lib/plates.js'></script>
    <script type="text/javascript">
      window.onload = function () {
        var data2 = {
          "components":[
            "Union", "Director", "Broadway", "Plates", "Resourceful"
          ]
        };
        var tpl2 = document.querySelector('#tpl #example2').outerHTML;
        var output2 = Plates.bind(tpl2, data2);
        document.querySelector('#content #result2').innerHTML = output2;
      }
    </script>
  </head>
  <body>
    <div id="content">
      <div id="result2"></div>
    </div>
    <div id="tpl" style="display:none;">
      <div id='example2'>
        <b>Flatiron Components</b>
        <br/>
        <ul>
          <li class='components'></li>
        </ul>
        lol
      </div>
    </div>
  </body>
</html>

Broken template example content: "lil":

<!DOCTYPE html>
<html>
  <head>
    <title>Broken template example content: "lil"</title>
    <script type="text/javascript" src='bower_components/plates/lib/plates.js'></script>
    <script type="text/javascript">
      window.onload = function () {
        var data2 = {
          "components":[
            "Union", "Director", "Broadway", "Plates", "Resourceful"
          ]
        };
        var tpl2 = document.querySelector('#tpl #example2').outerHTML;
        var output2 = Plates.bind(tpl2, data2);
        document.querySelector('#content #result2').innerHTML = output2;
      }
    </script>
  </head>
  <body>
    <div id="content">
      <div id="result2"></div>
    </div>
    <div id="tpl" style="display:none;">
      <div id='example2'>
        <b>Flatiron Components</b>
        <br/>
        <ul>
          <li class='components'></li>
        </ul>
        lil
      </div>
    </div>
  </body>
</html>
serapath commented 10 years ago

Sorry, i just realized, that "bower install plates" gave me an old version. The current version works fine.