davismj

<template>
  <require from="./registration-form"></require>
  
  <registration-form></registration-form>
</template>

davismj

<template>
  <require from="custom-table"></require>
  <custom-table items.bind="data">
    <template replace-part="row">
      <tr>
        <th>${item.v}</th>
        <th>${item.a}</th>
        <th>${item.k}</th>
      </tr>
    </template>

davismj

<template>
   <div>
      <md-pagination md-pages="6" md-active-page.bind="activePage"></md-pagination>
  </div>
  <div>
    active page: ${activePage}
  </div>
  <button md-button md-waves="color: light;" click.delegate="setToFive()">set to 5</button>
</template>

davismj

<template>
  <require from="components/navigation.html"></require>
  <h1>Aurelia Router Demo</h1>
  <navigation router.bind="router" class="primary-navigation"></navigation>
  <div class="page-host">
    <router-view></router-view>
  </div>
  <a href="#/profile/account/username?username=james">james</a>
  <a href="#/profile/account/username?username=john">john</a>
</template>

davismj

<template>
  <require from="./elem1"></require>
  <require from="./elem2"></require>
  
  <elem1 view-model.ref="elem1">
    <h3>inside Elem1</h3>
     <!-- don't process elem2 until Elem1 attached -->
    <div if.bind="elem1.ready">
       <elem2>
       </elem2>

davismj

<template>
  <ul id="menu">
    <li><a href="#/Welcome">Welcome</a></li>
    <li><a href="#/Products">Products</a></li>
    <li><a href="#/Contact">Contact</a></li>
  </ul>
  
  <div id="content">
    <router-view></router-view> 
  </div>

davismj

<template>
  <input type="number" value.bind="value" change.delegate="updateValue(value)" />
</template>

davismj

<template>
  <h1>Davis' Height</h1>
  <p>
    For the inches input, we do the following:<br />
    <ol>
      <li>First, we remove the inches value converter. The canonical value is inches, so we don't need to convert
      the value.</li>
      <li>Next, we add a number value converter. Seems trivial, but this ensures that our value always comes back
      from the view as a number. We could add this to the decimals value converter, except it might not be clear
      how that would behave. Would it return a number of max precision, or of precision n?</li>

davismj

<template>
  <div>
    <button repeat.for="route of router.navigation" click.delegate="router.navigateToRoute(route.config.name)">${route.title} ${route.isActive}</button>
  </div>
  <h1>Aurelia Menu with Child Routes example</h1>
  <div>
    <router-view></router-view>
  </div>
</template>

davismj

<template>
  <style>
    label {display: block; padding: 4px 0;}
  </style>
  
  <hr/>
  <label>
    First Name: <input value.bind='firstName' />
  </label>
  <label>