initialize
Initialize a StacheElement instance with property values.
initialize(props)
Calling initialize will set up property definitions and set initial property values. Normally this is called by the connectedCallback, but can be called manually for testing:
import { StacheElement } from "can/everything";
class MyElement extends StacheElement {
static view = `
<p>{{this.age}}</p>
`;
static props = {
age: { type: Number, default: 30 }
};
}
customElements.define("my-el", MyElement);
const myEl = new MyElement()
.initialize({ age: 32 });
myEl.age; // -> 32
Parameters
- props
{Object}:The initial property values.
Returns
{Element}:
The element instance.
Purpose
For testing purposes or integration with other libraries, initialize can be called to initialize an element with property values.
After initialize has been called, subsequent calls will not have any effect.