ฉันเห็นปัญหาที่ฉันเห็นค่า 'ทดสอบ' ที่ถูกผูกไว้ปรากฏบนหน้าสาธิตบน Chrome แต่ไม่ใช่ใน Firefox ฉันได้รวม polyfills (webcomponents-lite.js) ไว้แล้ว ดังนั้นฉันจึงไม่แน่ใจจริงๆ ว่ามีอะไรหายไป มีความคิดอะไรบ้าง?? ขอบคุณล่วงหน้า.
หน้าสาธิตรายการตั๋ว
<!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="/th../../iron-demo-helpers/demo-pages-shared-styles.html">
<link rel="import" href="/th../../iron-demo-helpers/demo-snippet.html">
<link rel="import" href="/th../../iron-ajax/iron-ajax.html">
<link rel="import" href="/th../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>
องค์ประกอบรายการตั๋ว
<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>
