Skip to content

Instantly share code, notes, and snippets.

@hadrienl

hadrienl/app.html

Forked from jdanyow/app.html
Last active October 6, 2016 12:32
Show Gist options
  • Save hadrienl/349b9142ba75123ab91ee8bcc0785256 to your computer and use it in GitHub Desktop.
Save hadrienl/349b9142ba75123ab91ee8bcc0785256 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
app.html
<template>
<div class="container">
<h2>COIN</h2>
<p class="nb-values-OK">
${myMap.get(1) & signal:'need-update'}
</p>
</div>
</template>
Raw
app.js
import {inject} from 'aurelia-dependency-injection';
import {BindingSignaler} from 'aurelia-templating-resources';
@inject(BindingSignaler)
export class App {
myMap = new Map();
constructor(signaler) {
this.signaler = signaler;
}
activate(){
//for example :
let value = 7;
let id = 1;
setInterval(() => {
this.myMap.set(id, value++);
this.signaler.signal('need-update');
}, 100);
console.log(this.myMap)
}
}
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