Ember DOM reference modifier
npm install ember-ref-modifier
An implementation of the {{ref}} element modifier.
Heavily inspired by ember-on-modifier and @ember/render-modifiers.
``
ember install ember-ref-modifier
#### Compatibility
- Ember.js v3.13 or above
- ember-cli v2.13 or above
`hbs
{{this.button.dataset.name}} >> "foo"
`
--------------------------
`hbs`
`js
class Component {
@action callback(node) {
this.node = node;
}
}
`
------------------------
`hbs`
{{#-in-element this.divContainer}}
Hello!
{{/-in-element}}
------------------------
`hbs`
// hash helper must return an EmberObject! The default hash helper returns a pojo.
{{#let (hash) as |ctx|}}
{{/let}}
------------------------
------
`hbs`
`ts
import Component from '@ember/component';
export default class BritneySpearsComponent extends Component {
button!: DOMNode
}
`
This is essentially equivalent to:
`ts``
didInsertElement() {
super.didInsertElement();
this.set('button', this.element.querySelector('button'));
}
It will also re-register property, if any of the passed parameters change.