StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POHow can I run code any time part of an Ember view is rerendered?
text
Body
copied!<p>My goal is to have a Facebook like button that can conditionally appear in an Ember view. My template is:</p> <pre><code>{{#if condition}} Click Like: <div class="fb-like fb_edge_widget_with_comment fb_iframe_widget" data-href="http://www.facebook.com/obnob" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false"></div> {{else}} Nothing to like here! {{/if}} </code></pre> <p>If <code>condition</code> changes during the life of the page, the HTML code for the like button will be inserted and removed accordingly. The problem is that if the div of the like button is inserted after the page has loaded, the Facebook JavaScript library will not parse it and turn it into a like button. To do this you must call <code>FB.XFBML.parse()</code>.</p> <p>I tried using the <code>didInsertElement()</code> hook of <code>Ember.View</code>, but this runs only when the view is first inserted into the DOM, not after it is already there.</p> <p>I tried to fix this by adding a script tag to the template:</p> <pre><code><script>FB.XFBML.parse();</script> </code></pre> <p>This failed because the script tage interferes with Metamorph's script tags.</p> <h2>Questions</h2> <ol> <li>Does Ember have a hook for running code anytime Metamorph changes an Ember view that has already been rendered?</li> <li>How do you write script tags in an Ember template without it clobbering Metamorph's tags?</li> </ol>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload