atsu85

<template>
  <div repeat.for="person of persons">
    <span with.bind="person" element.ref="el">
      ${firstName} ${middleName} ${lastName}
    </span>
  </div>
  app.el = ${el} <-- this (global el) should be null
  <br/>
  person[0].el = ${persons[0].el} 
  <br/>

atsu85

<template>
  <p>How to get selected checkbox values to array?</p>
  <p>Follwoging <a href="http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/cheat-sheet/5" target="_blank">sample</a> isn't workign:</p>
  <label repeat.for="color of colors">
    <input type="checkbox" value.bind="color" checked.bind="$parent.favoriteColors" />
    ${color}
  </label>
  <p>PROBLEM: expecting array of selected values, not boolean: favoriteColors=${favoriteColors}</p>
</template>

atsu85

export class Validator{
  constructor(){
    this.violatedConstraints = 10;
  }
}

atsu85

<template>
  <require from="./on-key"></require>
  Press enter in textbox to trigger event:
  <input
    value.bind="message"
    keyup.delegate="textEntered() & onKey:'enter'"
  />
  ${message}
</template>