Saya menerapkan aplikasi perutean sederhana dipolymer.js menggunakan iron-pages dan page.js tetapi ini tidak berhasil.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="/bower_components/webcomponentsjs/webcomponents-loader.js"></script>
<link rel="import" href="/id/bower_components/polymer/polymer.html">
<link rel="import" href="/id/bower_components/iron-pages/iron-pages.html">
<link rel="import" href="/idroutes.html">
<title>Document</title>
</head>
<body>
<div is="dom-bind" id="app">
<a data-route="home" href="/id/">home</a>
<a data-route="users" href="/id/users">users</a>
<a data-route="settings" href="/id/settings">settings</a>
<iron-pages attr-for-selected="data-route" selected="{{route}}">
<section data-route="home">Home</section>
<section data-route="users">Users</section>
<section data-route="settings">Settings</section>
</iron-pages>
</div>
</body>
</html><script src="/bower_components/page/page.js"></script>
<script>
window.addEventListener('WebComponentsReady', function() {
page('/', function() {
app.route = 'home'
console.log(app.route)
// console.log('home')
})
page('/users', function () {
app.route = 'users'
})
page('/settings', function () {
app.route = 'settings'
})
page({
hashbang: false
})
})
</script>Semuanya tampak baik-baik saja tetapi ini tidak berhasil.
