davismj

<template>
  
  <!-- static fields -->
  <div>vm1</div>
  <select value.bind="vm1">
    <option>thingA</option>
    <option>thingB</option>
  </select>
  <div>vm2</div>
  <select value.bind="vm2">

davismj

<template>
  <compose view-model="test" model.bind="obj"></compose>
</template>

davismj

<template>
  <div repeat.for="i of 10">
    ${i} ${obj[i]}
    <button click.delegate="obj[i] = true">do</button>
  </div>
</template>

davismj

<template>
  <compose model.bind="{ authId: authId, caseId: caseId }" view-model="test"></compose>
  <input change.delegate="authId = $event.target.value" value.one-way="authId" />
  <input change.delegate="caseId = $event.target.value" value.one-way="caseId" />
</template>

davismj

<template>
  
  <p>
    <label>
      <input type="checkbox" checked.bind="canSort" change.delegate="if(canSort) sorting = 0" />
      Enable Sorting
    </label>  
  </p>
  
  <p>

davismj

<template>
  <router-view></router-view>
</template>

davismj

<template>
  <div>
    <input type="checkbox" checked.bind="one" />1
  </div>
  <div>
    <input type="checkbox" checked.bind="two" />2
  </div>
  <div>
    <input type="checkbox" if.bind="one && two" change.delegate="$el.innerText = 'works good'" />change
  </div>

davismj

<template>
  <table>
    <thead>
      <tr>
        <th>
          <input type="checkbox" 
            checked.one-way="selected.length === items.length"
            indeterminate.one-way="selected.length > 0 && selected.length < items.length"
            change.delegate="$event.target.checked ? selected = items.slice() : selected = []" />
        </th>

davismj

<template>
  <p>a</p>
  <a href="#b">b</a>
  <compose view-model="comp"></compose>
</template>

davismj

<template>
  <router-view layout-view="layout.html"></router-view>
  <a href="#/one">one</a>
  <a href="#/two">two</a>
</template>