How to pass parameter to dom-module #5658
Description
index.html:
<!DOCTYPE html>
<html>
<head>
<script src="./deps/webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="./check_base.html">
</head>
<body>
<dashboard _srcMode=6 mood="happy"></dashboard>
</body>
</html>
check_base.html:
<link rel="import" href="./deps/polymer/polymer.html">
<dom-module id="dashboard">
<template>
<p class="sidebar"> this is a test</p>
<div > dfsafsa {{_srcMode}} [[mode]]</div>
<style>
.sidebar {
display: flex;
height: 100%;
color:red;
}
</style>
</template>
</dom-module>
<script>
Polymer({
is: 'dashboard',
properties: {
_srcMode:{
type: Number,
value: 10,
observer: '_selectedModeChanged'
},
mood: String,
},
load: function() {
console.log("loading");
},
created: function() {
console.log("created");
console.log("value=" + this.mood);
this.mood="mmmm";
},
_selectedModeChanged: function() {
console.log("_selectedModeChanged");
}
});
</script>
But when I access index.html, value is not passed:
