This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<template> | |
<require from="./registration-form"></require> | |
<registration-form></registration-form> | |
</template> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<template> | |
<require from="custom-table"></require> | |
<custom-table items.bind="data"> | |
<template replace-part="row"> | |
<tr> | |
<th>${item.v}</th> | |
<th>${item.a}</th> | |
<th>${item.k}</th> | |
</tr> | |
</template> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<template> | |
<div> | |
<md-pagination md-pages="6" md-active-page.bind="activePage"></md-pagination> | |
</div> | |
<div> | |
active page: ${activePage} | |
</div> | |
<button md-button md-waves="color: light;" click.delegate="setToFive()">set to 5</button> | |
</template> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<template> | |
<require from="components/navigation.html"></require> | |
<h1>Aurelia Router Demo</h1> | |
<navigation router.bind="router" class="primary-navigation"></navigation> | |
<div class="page-host"> | |
<router-view></router-view> | |
</div> | |
<a href="#/profile/account/username?username=james">james</a> | |
<a href="#/profile/account/username?username=john">john</a> | |
</template> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<template> | |
<require from="./elem1"></require> | |
<require from="./elem2"></require> | |
<elem1 view-model.ref="elem1"> | |
<h3>inside Elem1</h3> | |
<!-- don't process elem2 until Elem1 attached --> | |
<div if.bind="elem1.ready"> | |
<elem2> | |
</elem2> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<template> | |
<ul id="menu"> | |
<li><a href="#/Welcome">Welcome</a></li> | |
<li><a href="#/Products">Products</a></li> | |
<li><a href="#/Contact">Contact</a></li> | |
</ul> | |
<div id="content"> | |
<router-view></router-view> | |
</div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<template> | |
<input type="number" value.bind="value" change.delegate="updateValue(value)" /> | |
</template> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<template> | |
<h1>Davis' Height</h1> | |
<p> | |
For the inches input, we do the following:<br /> | |
<ol> | |
<li>First, we remove the inches value converter. The canonical value is inches, so we don't need to convert | |
the value.</li> | |
<li>Next, we add a number value converter. Seems trivial, but this ensures that our value always comes back | |
from the view as a number. We could add this to the decimals value converter, except it might not be clear | |
how that would behave. Would it return a number of max precision, or of precision n?</li> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<template> | |
<div> | |
<button repeat.for="route of router.navigation" click.delegate="router.navigateToRoute(route.config.name)">${route.title} ${route.isActive}</button> | |
</div> | |
<h1>Aurelia Menu with Child Routes example</h1> | |
<div> | |
<router-view></router-view> | |
</div> | |
</template> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<template> | |
<style> | |
label {display: block; padding: 4px 0;} | |
</style> | |
<hr/> | |
<label> | |
First Name: <input value.bind='firstName' /> | |
</label> | |
<label> |
NewerOlder