Skip to content

Instantly share code, notes, and snippets.

@len-ro
len-ro / app.html
Created October 24, 2016 14:12
Change view
<template>
<button type="button" click.delegate="onChange($event, 'm1')">M1</button>
<button type="button" click.delegate="onChange($event, 'm2')">M2</button>
<compose view.bind="view" model.bind="this"></compose>
</template>
@len-ro
len-ro / app.html
Last active October 25, 2016 18:33
Change view
<template>
<button type="button" click.delegate="onChange($event, 'm1')">M1</button>
<button type="button" click.delegate="onChange($event, 'm2')">M2</button>
<compose view.bind="view" model.bind="this"></compose>
</template>
@len-ro
len-ro / app.html
Last active September 29, 2016 21:10
Require class hierarchy
<template>
<button type="button" click.delegate="onChange($event, 'm1')">M1</button>
<button type="button" click.delegate="onChange($event, 'm2')">M2</button>
<button type="button" click.delegate="logModel($event)">Log</button>
<compose view.bind="myView" model.bind="this"></compose>
</template>
@len-ro
len-ro / app.html
Last active September 10, 2016 13:58
Dynamic with compose (simple)
<template>
<button type="button" click.delegate="load($event)">Load</button>
</template>
@len-ro
len-ro / app.html
Last active September 9, 2016 16:10
Dynamic using ViewCompiler
<template>
<button type="button" click.delegate="load($event)">Load</button>
<div ref="formContainer"></div>
</template>
@len-ro
len-ro / app.html
Last active September 9, 2016 16:10
Dynamic using enhance
<template>
<ul ak-menu k-on-select.delegate="onSelect($event.detail)">
<li>
Modules
<ul>
<li><span class="d-menuitem" data-id="m1">First module</span></li>
<li><span class="d-menuitem" data-id="m2">Second module</span></li>
</ul>
</li>
</ul>
@len-ro
len-ro / app.html
Created September 2, 2016 16:59
Menu: basic usage
<template>
<require from="initial"></require>
<initial></initial>
</template>
@len-ro
len-ro / app.html
Created September 2, 2016 16:56
Menu: basic usage
<template>
<ul ak-menu k-on-select.delegate="onSelect($event.detail)">
<li>
Modules
<ul>
<li><span class="d-menuitem" data-id="m1">First module</span></li>
<li><span class="d-menuitem" data-id="m2">Second module</span></li>
</ul>
</li>
</ul>
@len-ro
len-ro / app.html
Last active September 2, 2016 17:07
Menu: basic usage
<template>
<section>
<router-view></router-view>
</section>
</template>
@len-ro
len-ro / app.html
Last active February 28, 2017 09:48
Require class hierarchy
<template>
<require from="m2"></require>
<require from="m1"></require>
<m1></m1>
<div style="border:2px solid red">&nbsp;</div>
<m2></m2>
</template>