Skip to content

Instantly share code, notes, and snippets.

@Alexander-Taran

Alexander-Taran/app.html

Last active April 10, 2018 18:30
Show Gist options
  • Save Alexander-Taran/dcc8cdfcc2831d3ec029e3921f9ee579 to your computer and use it in GitHub Desktop.
Save Alexander-Taran/dcc8cdfcc2831d3ec029e3921f9ee579 to your computer and use it in GitHub Desktop.
Download ZIP
Aurelia Gist
Raw
app.html
<template>
<h1>${message}</h1>
<a href="#">home</a>
<a href="#/boo">boo</a>
<a href="#/same/123">same with param</a>
<router-view>
</router-view>
</template>
Raw
app.js
export class App {
message = 'Hello World!';
configureRouter(config: RouterConfiguration, router: Router): void {
this.router = router;
config.title = 'Title';
config.map([
{ route: '', name: 'welcome', moduleId: 'boo', nav: true, title: 'title' },
{ route: 'same/:id', name: 'same', moduleId: 'boo', title: 'title' },
]);
}
}
Raw
boo.html
<template>
boo
<div repeat.for="s of states">
${s}
</div>
</template>
Raw
boo.js
export class Boo {
states = []
bind(){
this.states.push(`bind`)
}
attached()
{
this.states.push(`attached`)
}
activate(params){
this.states.push(`activate ${JSON.stringify(params)}`)
}
}
Raw
index.html
<!doctype html>
<html>
<head>
<title>Aurelia</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body aurelia-app>
<h1>Loading...</h1>
<script src="https://jdanyow.github.io/rjs-bundle/node_modules/requirejs/require.js"></script>
<script src="https://jdanyow.github.io/rjs-bundle/config.js"></script>
<script src="https://jdanyow.github.io/rjs-bundle/bundles/aurelia.js"></script>
<script src="https://jdanyow.github.io/rjs-bundle/bundles/babel.js"></script>
<script>
require(['aurelia-bootstrapper']);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment