Skip to content

Instantly share code, notes, and snippets.

@djedi
djedi / app.html
Created November 16, 2017 18:57
Basic Aurelia Gist Starter
<template>
<require from="./toggle-code"></require>
<toggle-code>
<br><hr>
</toggle-code>
<toggle-code>
<foo></foo>
<bar></bar>
@djedi
djedi / app.html
Created November 16, 2017 17:57
Basic Aurelia Gist Starter
<template>
</template>
@djedi
djedi / app.html
Last active November 16, 2017 18:57
Basic Aurelia Gist Starter
<template>
<require from="./toggle-code"></require>
<toggle-code>
<br><hr>
</toggle-code>
<toggle-code>
<foo></foo>
<bar></bar>
@djedi
djedi / app.html
Last active October 27, 2017 23:30
More slots
<template>
<require from="./nav"></require>
<nav href="#">One</nav>
<nav>Two</nav>
<nav href="#">Three</nav>
<nav>Four</nav>
</template>
@djedi
djedi / app.html
Created October 27, 2017 22:11
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 May 25, 2017 21:14
Basic Aurelia Gist Starter
<template>
<label>Ticket Number: UP-</label><input type="text" value.bind="ticketNumber"><br>
<label>Slack Team: @team-</label><select value.bind="slackTeam">
<option value="">--------</option>
<option>slicer</option>
<option>infrastructure</option>
<option>billing</option>
<option>cmsapps</option>
<option>cmscore</option>
<option>manifest</option>
@djedi
djedi / app.html
Created April 18, 2017 18:19
Basic Aurelia Gist Starter
<template>
</template>
@djedi
djedi / app.html
Created April 18, 2017 17:43
Basic Aurelia Gist Starter
<template>
<h1>Header</h1>
<button>Show component</button>
<comp if.bind="isVisible"></comp>
</template>
@djedi
djedi / app.html
Last active June 6, 2019 06:32
Basic Dependency Injection Example
<template>
<require from="./comp1"></require>
<require from="./comp2"></require>
<comp1></comp1>
<comp2></comp2>
</template>
@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">