How to pass parameter to dom-module

hexiaoting commented 4 years ago

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:

stale[bot] commented 3 years ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

uniiquecornnx commented 1 year ago

can we not contribute to this anymore?

Polymer / polymer

How to pass parameter to dom-module #5658