exemple.html 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <html>
  2. <head>
  3. <meta charset="UTF-8">
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  5. <link type="text/css" rel="stylesheet" href="css/material-icons.css" />
  6. <link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
  7. <link rel="stylesheet" type="text/css" href="css/google-code-prettify/desert.css">
  8. <title>Titre</title>
  9. </head>
  10. <body onload="PR.prettyPrint()">
  11. <h1>Bonjour</h1>
  12. <pre class="prettyprint">
  13. public class Loul {
  14. // Commentaire
  15. }
  16. </pre>
  17. <h3 data-bind="name"></h3>
  18. <h3 data-bind="test"></h3>
  19. <div data-loop="aze">
  20. <h4>Loop</h4>
  21. <span data-val="a"></span>
  22. </div>
  23. <input type="hidden" data-model="name" value="nom">
  24. <script type="text/javascript" src="../node_modules/jquery/dist/jquery.min.js"></script>
  25. <script type="text/javascript" src="js/materialize.min.js"></script>
  26. <script type="text/javascript" src="js/google-code-prettify/prettify.js"></script>
  27. <script type="text/javascript" src="js/binder.js"></script>
  28. <script type="text/javascript">
  29. var scope = binder({
  30. test: 'aze',
  31. aze: [
  32. {
  33. a: 'rty'
  34. },
  35. {
  36. a: 'dfg'
  37. }
  38. ]
  39. });
  40. looper(scope);
  41. scope.aze[1].a = 'lol';
  42. looper(scope);
  43. </script>
  44. </body>
  45. </html>