Skip to content

Instantly share code, notes, and snippets.

View arjanvanderleden's full-sized avatar
💭
coding, what else?

Arjan arjanvanderleden

💭
coding, what else?
3 followers · 1 following
View GitHub Profile
@arjanvanderleden
arjanvanderleden / app.html
Created August 27, 2017 21:58
aurelia SVG with custom element
<template>
<require from="./svg-container"></require>
<svg-container document.bind="document"></svg-container>
</template>
@arjanvanderleden
arjanvanderleden / app.html
Last active August 27, 2017 22:10 — forked from Finlandia/app.html
aurelia SVG with custom element
<template>
<require from="./svg-container"></require>
<svg-container document.bind="document"></svg-container>
</template>
@arjanvanderleden
arjanvanderleden / app.html
Last active March 15, 2017 11:54
Changed event
<template>
<select value.bind="savedItemIndex">
<option repeat.for="item of savedItems" value.bind="$index">${index} (${item.numberproperty})</option>
</select> (${currentLanguage})
</template>
@arjanvanderleden
arjanvanderleden / app.html
Last active March 6, 2017 14:47
Changed event
<template>
<select value.bind="currentLanguage">
<option repeat.for="language of languages" value.bind="language">${language}</option>
</select> (${currentLanguage})
<item-view repeat.for="item of items" item.bind="item" language.bind="currentLanguage" click.delegate="setCurrentItem(item)" other-collection.bind="otherCollection"></item-view>
<hr/>
<item-view if.bind="currentItem" item.bind="currentItem" language.two-way="currentLanguage" other-collection.bind="otherCollection"></item-view>
<hr/>
<span repeat.for="n of otherCollection">${n}</span>
@arjanvanderleden
arjanvanderleden / app.html
Last active February 8, 2017 07:58 — forked from jdanyow/app.html
Double binding
<template>
<select value.bind="currentLanguage">
<option repeat.for="language of languages" value.bind="language">${language}</option>
</select> (${currentLanguage})
<item-view repeat.for="item of items" item.bind="item" language.bind="currentLanguage" click.delegate="setCurrentItem(item)"></item-view>
<hr/>
<item-view if.bind="currentItem" item.bind="currentItem" language.two-way="currentLanguage"></item-view>
@arjanvanderleden
arjanvanderleden / index.html
Created February 6, 2017 13:58
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>GistRun</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Hello world!</h1>
<script src="script.js"></script>
@arjanvanderleden
arjanvanderleden / index.html
Created April 30, 2016 10:12
Aurelia temaplate binding exception with nested structures
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>GistRun</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Hello world!</h1>
<script src="script.js"></script>
@arjanvanderleden
arjanvanderleden / app.html
Last active January 6, 2017 14:57
Aurelia Skeleton list list-item implementation
<template>
<require from="./list"></require>
<div>List</div>
<list></list>
</template>
@arjanvanderleden
arjanvanderleden / app.html
Created March 16, 2016 14:22 — forked from jdanyow/app.html
Aurelia repeat.for binding on a template
<template>
<require from="./menu-item"></require>
<div>${message}</div>
<div>menu Items : ${menuItems.length}</div>
<ul>
<li repeat.for="item of menuItems">${item.label}</li>
</ul>
<ul>
<menu-item repeat.for="item of menuItems" containerless ></menu-Item>