EmberJS: Access to component html from within the component js
<p>Is there a way to access from within the component JS file the inner contents of the component initialization. I essentially would like to have access to yield.</p>

<p>For example let's say I have an hbs with this template:</p>

<pre><code>{{#my-component}}
  &lt;span&gt;bla bla {{foo}}&lt;/span&gt;
{{/my-component}}
</code></pre>

<p>Then I want in my component to access that span above like in the example below, where in the theInnerHtml I want to get what was inside the initialized component.</p>

<pre><code>import Ember from 'ember';

export default Ember.Component.extend({

  didInsertElement() {
    let theInnerHtml = this.get('innerHTML'); // "&lt;span&gt;bla bla {{foo}}&lt;/span&gt;"
  }
});
</code></pre>