File example/index.html

Last commit: Tue Jan 28 17:09:57 2020 +0100	Jan Dankert	Adding an example.


     1 <html>
     2 <head><title data-bind-text="overview"></title>
     3     <script src="https://code.jquery.com/jquery-3.4.1.min.js" defer></script>
     4     <script src="../bindify.js" defer></script>
     5     <script src="app.js" defer></script>
     6     <link rel="stylesheet" href="app.css" />
     7 </head>
     8 <body data-bind-attributes="{&quot;class&quot;:&quot;theme.class&quot;}">
     9 
    10 <p>This is an example for javascript data binding.</p>
    11 <p>
    12 <em>Try to change the following name:</em>
    13 
    14 Name: <input span data-bind-value="person.name" />
    15 </p>
    16 
    17 <p>The Name is <b data-bind-text="person.fullname"></b></p>
    18 
    19 <p>
    20 Some Names in a list:
    21 <ul data-bind-list="names" data-bind-var="name">
    22     <li data-bind-text="name"></li>
    23 </ul>
    24 </p>
    25 
    26 </body>
    27 </html>



Download example/index.html


History
Tue, 28 Jan 2020 17:09:57 +0100	Jan Dankert	Adding an example.