title: Getting a components block text inside the component
body: <p>If you have a block component <strong>foo-bar</strong> which shows up in the template like this:</p>
  
  <pre class="lang-html prettyprint-override"><code>{{#foo-bar}}
  
    &lt;span class='greeting'&gt;Hello&lt;/span&gt;
    &lt;span class='person'&gt;{{person}}&lt;/span&gt;
  
  {{/foo-bar}}
  </code></pre>
  
  <p>How can the <code>foo-bar.js</code> access the block string as html? I figured I could just do something to the effect of:</p>
  
  
  
  <pre class="lang-js prettyprint-override"><code>myBlockContent: Ember.computed(function() {
    return Ember.String.htmlSafe(this.$('div').html());
  }
  </code></pre>
  
  <p>This returns a safe string but the <code>{{person}}</code> property has not be interpolated into the template. </p>
  
  <p>I created a twiddle that sort of illustrates it (see console.log): <a href="http://ember-twiddle.com/bd7588ed1689f2869410" rel="nofollow">twiddle</a></p>