Skip to content

Instantly share code, notes, and snippets.

View jdanyow's full-sized avatar
💭
Confirming my whereabouts

Jeremy Danyow jdanyow

💭
Confirming my whereabouts
View GitHub Profile
@jdanyow
jdanyow / app.html
Last active March 6, 2016 16:03 — forked from peisenmann/au-class.js
Au-Class custom attribute for simplifying bound CSS declarations
<template>
<h1>${message}</h1>
</template>
@jdanyow
jdanyow / app.html
Created March 7, 2016 19:56 — forked from mbroadst/app.html
Aurelia simple grid example
<template>
<require from="./grid/grid"></require>
<require from="./grid/column"></require>
<grid rows.bind="people">
<column><template><td>index: ${$index}</td></template></column>
<column><template><td>firstName: ${firstName}</td></template></column>
<column><template><td>lastName: ${lastName}</td></template></column>
</grid>
</template>
<template>
<require from="./repeater"></require>
<h3>Remove the first repeater (0), alert should show 'Detached content 0' but shows 'Detached content 1'.</h3>
<div>
To fix the issue, open repeater.js, and uncomment 'detached() {}'.
</div>
<br>
<div repeat.for="repeaterId of repeaterIds">
<repeater repeater-id.bind="repeaterId"></repeater>
<button click.trigger="$parent.removeRepeaterId(repeaterId)">Remove me</button>
@jdanyow
jdanyow / app.html
Created April 18, 2016 20:51 — forked from niieani/app.html
Aurelia: Suboptimal repeat element lifecycle [alternative without compose]
<template>
<require from="./component"></require>
<input type="checkbox" ref="isFiltering">
<br>
<component
repeat.for="id of components | without8: isFiltering.checked"
id.bind="id"
></component>
</template>
<template>
<input type="checkbox" change.trigger="updateCheck('second', $event.srcElement.checked)">
<input type="checkbox" change.trigger="updateCheck('first', $event.srcElement.checked)">
<div>${isChecked.size ? 'Some Checked' : 'None Checked'}</div>
</template>
@jdanyow
jdanyow / app.html
Created May 1, 2016 20:07 — forked from MarkHerhold/app.html
Parent Inheritance Issue
<template>
<require from="./group"></require>
<group group.two-way="groups"></group>
</template>
<template>
<ul>
<li repeat.for="person of people">
${person.firstName} ${person.lastName}
<button click.delegate="editPerson = person">Edit</button>
</li>
</ul>
<form if.bind="editPerson" submit.delegate="save()">
<label>
@jdanyow
jdanyow / app.html
Last active March 22, 2017 09:02 — forked from charlespockert/app.html
Aurelia + i18n plugin issue with binding behaviour
<template>
<require from="tbind.js"></require>
<h1>${message}</h1>
<h2>${prop}</h2>
<div>${'val1' & t}</div>
<div>${'val1' & t}</div>
<div>${'val1' & t}</div>
<hr/>
<div>
<compose containerless view.bind="'custom-view.html'"></compose>
<template>
<input type="checkbox" checked.bind="enabled"></input>
<br/>
${enabled}
<br/>
${_enabled}
</template>
@jdanyow
jdanyow / app.html
Created July 27, 2016 13:06 — forked from Thanood/app.html
Aurelia Array observation
<template>
<h1>watch the data grow</h1>
${data.length}
${data}
</template>