Skip to content

Instantly share code, notes, and snippets.

View 3cp's full-sized avatar

Chunpeng Huo 3cp

30 followers · 0 following
View GitHub Profile
@3cp
3cp / index.html
Created April 4, 2020 13:01 — forked from bigopon/index.html
Aurelia Size custom attribute
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dumber Gist</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<base href="/">
</head>
<!--
Dumber gist uses dumber bundler, the default bundle file
@3cp
3cp / app.html
Last active April 6, 2018 03:56
https://discourse.aurelia.io/t/dynamic-binding-expression/1018/6
<template>
<require from="./dyn-field"></require>
<form>
<dyn-field
repeat.for="prop of properties"
label.bind="prop.label"
value.bind="model | get:model:prop.expression"
errors.bind="errors | get:errors:prop.expression"></dyn-field>
</form>
@3cp
3cp / app.html
Last active March 12, 2018 21:52 — forked from Alexander-Taran/app.html
Promise edit pattern
<template>
<template if.bind="editMode">
<input value.bind="editValue">
<button click.delegate="save()">save</button>
<button click.delegate="editMode = false">cancel</button>
</template>
<template else>
<h1>${message} <button click.delegate="enterEditMode()">edit</button></h1>
</template>
</template>
@3cp
3cp / app.html
Last active May 2, 2018 06:56 — forked from jdanyow/app.html
input event trigger
<template>
<input value.bind="message">
<br>
<p>Message: ${message}</p>
<button click.trigger="tryChange()">jQuery('input').val('test').trigger('change')</button>
<button click.trigger="tryInput()">jQuery('input').val('test2').trigger('input')</button>
</template>
@3cp
3cp / app.html
Last active October 2, 2018 22:31 — forked from jdanyow/app.html
input date
<template>
<input type="date" value.bind="value | momentDate">
<p>Value: ${value}</p>
</template>