ember-ref-modifier
An implementation of the {{ref}}
element modifier.
Heavily inspired by ember-on-modifier and @ember/render-modifiers
.
Installation
ember install ember-ref-modifier
Compatibility
- Ember.js v3.13 or above
- ember-cli v2.13 or above
Usage
<button {{ref this "button"}} data-name="foo"> Click me baby, one more time!</button> {{this.button.dataset.name}} >> "foo"
<button {{ref this.callback}} data-name="foo"> Click me baby, one more time!</button>
@action { thisnode = node; }
<div {{ref this "divContainer" }}></div>{{#-in-element this.divContainer}} Hello!{{/-in-element}}
// hash helper must return an EmberObject! The default hash helper returns a pojo.{{#let (hash) as |ctx|}} <input id="name-input" {{ref ctx 'inputNode'}}> <label for={{ctx.inputNode.id}}> Enter your name </label>{{/let}}
<button {{ref this "button"}}> Click me baby, one more time!</button>
;
This is essentially equivalent to:
didInsertElement
It will also re-register property, if any of the passed parameters change.