Skip to content

Instantly share code, notes, and snippets.

@mansona
Forked from Kerrick/components.my-component.js
Created November 19, 2018 17:29
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save mansona/d52b9c9d417a10115ae8361de7f805dc to your computer and use it in GitHub Desktop.
New Twiddle
import Ember from 'ember';
export default Ember.Component.extend({
html: `<div>
<img src="https://via.placeholder.com/350x150" width="350" height="150" alt="Placeholder" />
</div>`,
});
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
export default {
name: 'mutation-observer',
initialize(application) {
new MutationObserver(mutations => {
mutations.forEach(mutation => {
if (mutation.target.tagName === 'img') {
console.log('Image Found', mutation);
}
});
if (!mutations.some(m => m.target.tagName === 'img')) {
console.log('Image Not Found', mutations);
return
}
console.log('some images found')
}).observe(document.documentElement, {
childList: true,
subtree: true,
attributes: true,
});
}
};
Stuff<br />
<div>
{{log 'rendering' html}}
{{{html}}}
</div>
Things <br />
{
"version": "0.15.1",
"EmberENV": {
"FEATURES": {}
},
"options": {
"use_pods": false,
"enable-testing": false
},
"dependencies": {
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js",
"ember": "3.4.3",
"ember-template-compiler": "3.4.3",
"ember-testing": "3.4.3"
},
"addons": {
"ember-data": "3.4.2"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment