Skip to content

Instantly share code, notes, and snippets.

@djedi
djedi / app.html
Last active March 2, 2018 08:17
collection observer vs observable, splice, replace combo solution
<template>
<button click.delegate="addData()">Add Data</button>
<button click.delegate="popData()">Pop Data</button>
<button click.delegate="spliceData()">Splice Data</button>
<button click.delegate="replaceData()">Replace Data</button>
<hr>
Data:
<table>
<tr repeat.for="val of data">
@djedi
djedi / app.html
Last active January 10, 2018 18:48
collection observer vs observable, splice, replace
<template>
<button click.delegate="addData()">Add Data</button>
<button click.delegate="popData()">Pop Data</button>
<button click.delegate="spliceData()">Splice Data</button>
<button click.delegate="replaceData()">Replace Data</button>
<button click.delegate="observeData()">Rewire Observer</button>
<hr>
Data:
<table>
@djedi
djedi / app.html
Last active April 6, 2017 17:10
collection observer vs observable
<template>
<button click.delegate="addData()">Add Data</button>
<hr>
Data:
<table>
<tr repeat.for="val of data">
<td>${val}</td>
</tr>
</table>
@djedi
djedi / app.html
Last active April 6, 2017 17:05
collection observer
<template>
<button click.delegate="addData()">Add Data</button>
<hr>
Data:
<table>
<tr repeat.for="val of data">
<td>${val}</td>
</tr>
</table>
@djedi
djedi / app.html
Created April 6, 2017 16:43
Basic Aurelia Gist Starter
<template>
</template>
@djedi
djedi / app.html
Last active April 4, 2017 23:04
Array of object observer
<template>
<table>
<thead>
<tr>
<th>id</th>
<th>Title</th>
<th>Updated</th>
<th>Status</th>
</tr>
</thead>
@djedi
djedi / app.html
Created April 4, 2017 23:02
Array of object observer
<template>
<table>
<thead>
<tr>
<th>id</th>
<th>Title</th>
<th>Updated</th>
<th>Status</th>
</tr>
</thead>
@djedi
djedi / app.html
Last active April 4, 2017 12:57
Aurelia Replaceable Parts
<template>
<require from="./comp.html"></require>
<comp></comp>
<comp>
<template replace-part="repl">
I've been replaced.
</template>
</comp>
<comp>
<template replace-part="repl">
@djedi
djedi / app.html
Last active March 31, 2017 14:58
Aurelia Replaceable Parts
<template>
<require from="./comp.html"></require>
<comp></comp>
<comp>
<template replace-part="repl">
This part is being replaced.
</template>
</comp>
<comp>
<template replace-part="repl">
@djedi
djedi / app.html
Created March 31, 2017 14:49
Basic Aurelia Gist Starter
<template>
</template>