template.html 921 B

123456789101112131415161718192021222324252627282930313233343536
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title></title>
  5. <meta charset="utf-8">
  6. </head>
  7. <body>
  8. <div id="japan" sd-template="test"></div>
  9. <script type="text/sd-template" id="test">
  10. <p>{{hi}}!</p>
  11. </script>
  12. <script src="../dist/seed.js"></script>
  13. <script>
  14. // direct usage
  15. var china = new Seed({
  16. template: '#test'
  17. })
  18. document.body.appendChild(china.$el)
  19. // setting value after compile also works,
  20. // as long as it has appeared in the template
  21. china.hi = '你好'
  22. // extended usage
  23. var Hawaii = Seed.extend({
  24. template: '#test'
  25. })
  26. var hawaii = new Hawaii()
  27. document.body.appendChild(hawaii.$el)
  28. hawaii.hi = 'Aloha!'
  29. </script>
  30. </body>
  31. </html>