jsobell

/**
 * Created by Jason on 29/02/2016.
 *
 * constructor(public deepobserver:DeepObserver) {
 *   this.obsDisposer = this.deepobserver.observe(this, 'target', (n,o,p)=>
 *                                                    { console.log('DATA CHANGED:', p, ':', o,'===>', n ); }
 *  }
 *  @bindable target:Object;
 *
 *  To remove bindings, call this.obsDisposer();

jsobell

<template>
  <h1>${message}</h1>
  <a href='#' click.delegate='checkall()'>Check all</a>
  <ul>
    <li repeat.for='c of checked'><input type='checkbox' checked.bind='c.checked'>Checked ${c.value} : ${c.checked} </li>
  </ul>
</template>

jsobell

<template>
  <form submit.delegate="submit()">
    <!--<ul><li repeat.for="error of controller.errors">${error.message}</li></ul>-->

    <div class="form-group">
      <label class="control-label" for="first">First Name</label>
      <input type="text" class="form-control" id="last" placeholder="Last Name"
             value.bind="person.firstName & validate">
    </div>

jsobell

<template>
  <form submit.delegate="submit()" novalidate autocomplete="off">
  <div>
    <button type="submit" class="btn btn-primary">Submit</button>
    <button class="btn btn-success" click.delegate='reset()'>Reset</button>
    <button class="btn btn-info" click.delegate='silent()'>Check...</button>${silentResult}
  </div>
    <!--<ul><li repeat.for="error of controller.errors">${error.message}</li></ul>-->

    <div class="form-group">

jsobell

<template>
  <ul>
    <li repeat.for='r of router.navigation'><a href='${r.href}'>Go to ${r.title}</a></li>
  </ul>
  <h1>${message}</h1>
  <router-view></router-view>
</template>

jsobell

<template>
  <h1>${message}</h1>
  
  Links:
  <ul>
    <li><a href='#/'>root</a></li>
    <li><a href='#connect'>connect</a></li>
    <li><a href='#connect/testapp'>connect/testapp</a></li>
  </ul>
  

jsobell

<template>
  <ul href="#!" repeat.for="user of users">
    <li>
  <input value.bind='user.firstName' /> <input value.bind='user.lastName' />
  </li>
  </ul>
</template>

jsobell

<template>
  <require from='thingy'></require>
  
  <h1>${message}</h1>
  <ul>
    <li repeat.for="option of allOptions">
      <input type="checkbox" checked.bind="selectedOptions" matcher.bind="matcher" model.bind="option">
      ${option.text}
      </li>
  </ul>

jsobell

<template>
  <form submit.delegate="submit()">
    <!--<ul><li repeat.for="error of controller.errors">${error.message}</li></ul>-->

    <div class="form-group">
      <label class="control-label" for="first">First Name</label>
      <input type="text" class="form-control" id="last" placeholder="Last Name"
             value.bind="person.firstName & validate">
    </div>

jsobell

<template>
  <form submit.delegate="submit()">
    <!--<ul><li repeat.for="error of controller.errors">${error.message}</li></ul>-->

    <div class="form-group">
      <label class="control-label" for="first">First Name</label>
      <select value.bind="firstName & updateTrigger:'input' & validate">
        <option value='Jason'>Jason</option>
        <option value='Fred'>Fred</option>
        <option value=''>None</option>