Skip to content

Instantly share code, notes, and snippets.

@plwalters
plwalters / app.html
Created February 19, 2019 21:14 — forked from jdanyow/app.html
Aurelia Accessible Autocomplete with Filtering
<template>
<require from="./autocomplete"></require>
<form>
<label class="form-component">
Country:<br/>
<autocomplete service.bind="suggestionService.country"
value.bind="model.country"
placeholder="Enter country..."
change.delegate="model.city = null">
</autocomplete>
@plwalters
plwalters / app.html
Last active January 3, 2017 04:28
Aurelia Validation Demo
<template>
<require from="./registration-form"></require>
<registration-form></registration-form>
</template>
@plwalters
plwalters / app.html
Last active December 7, 2016 03:19 — forked from peinearydevelopment/address.html
aurelia:complex type, clear input
<template>
<select value.bind="val" if.bind="opts && !val">
<option repeat.for="opt of opts" model.bind="opt">${opt.firstName}</option>
</select>
<div if.bind="!opts || val">
<span>${val.firstName}</span>
<button click.delegate="clearVal()" if.bind="val">Clear</button>
</div>
<button click.delegate="getOpts()">Get</button>
<template with.bind="val.address">
@plwalters
plwalters / app.html
Created October 24, 2016 18:58 — forked from pjschreifels/app.html
Aurelia update form values from custom component.
<template>
<require from='./records'></require>
<require from='./record-form'></require>
<div class="container-fluid">
<div class="row mt-1">
<div class="col-xs-12">
<p class="lead text-muted">${heading}</p>
</div>
</div>
@plwalters
plwalters / app.html
Created October 23, 2016 14:02 — forked from bcanzanella/app.html
dialog not re-binding
<template>
<button click.delegate="prompt()">open dialog</button>
<br><br>
(app [inline]) inner data:<br>
<div repeat.for="s of outer.inner">${s.name}</div>
</template>
@plwalters
plwalters / app.html
Last active July 23, 2016 16:32 — forked from jdanyow/app.html
ast visualizer
<template>
<require from="./my-element"></require>
<my-element>Hey</my-element>
</template>
@plwalters
plwalters / app.html
Created May 9, 2016 18:27 — forked from AshleyGrant/app.html
Aurelia - Sortable
<template>
<require from="./sortable-custom-attribute"></require>
<ul sortable="array.bind: left; options.bind: { group: 'test' }">
<li repeat.for="item of left">${item}</li>
</ul>
<ul sortable="array.bind: right; options.bind: { group: 'test' }">
<li repeat.for="item of right">${item}</li>
</ul>
</template>
@plwalters
plwalters / app.html
Last active July 6, 2017 14:59 — forked from jdanyow/app.html
Aurelia Gist
<template>
<h1>${message}</h1>
<input ref="control" />
<button click.delegate="log()">Log</button>
</template>