Saya melihat masalah ketika saya dapat melihat nilai 'tes' terikat muncul di halaman demo di Chrome tetapi tidak di Firefox. Saya sudah menyertakan polyfill (webcomponents-lite.js) jadi saya tidak yakin apa yang hilang. Ada ide?? Terima kasih sebelumnya.
halaman demo item tiket
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
<title>ticket-item demo</title>
<script src="../../webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="/id../../iron-demo-helpers/demo-pages-shared-styles.html">
<link rel="import" href="/id../../iron-demo-helpers/demo-snippet.html">
<link rel="import" href="/id../../iron-ajax/iron-ajax.html">
<link rel="import" href="/id../ticket-item.html">
<script>
window.addEventListener('WebComponentsReady', function() {
let element = document.getElementById('ticket-item');
element.test = 'test';
});
</script>
</head>
<body>
<div class="vertical-section-container centered">
<h3>Basic ticket-item demo</h3>
<demo-snippet>
<template>
<ticket-item id="ticket-item"></ticket-item>
</template>
</demo-snippet>
</div>
</body>
</html>
elemen tiket-item
<dom-module id="ticket-item">
<template>
<style include="my-theme">
:host {
display: block;
}
</style>
<div>test: [[test]]</div>
</template>
<script>
class TicketItem extends Polymer.Element {
static get is() { return 'TicketItem'; }
static get properties() {
return {
test: String
};
}
}
window.customElements.define(TicketItem.is, TicketItem);
</script>
</dom-module>