title: How to inject a dynamic partial using ember components?
body: <p>I have a simple component that I'd like to provide a hook for dynamically named partials.</p>
  
  <p>ideally I'd like to support this interface</p>
  
  <pre><code>{{my-thing displayPartial="wat"}}
  </code></pre>
  
  <p>then the user would declare a partial template "-wat.hbs" and it would be included</p>
  
  <p>Currently this is what I'm doing inside the components hbs (that doesn't work)</p>
  
  <pre><code>{{partial displayPartial}}
  </code></pre>
  
  <p><strong>Edit</strong></p>
  
  <p>or an optional block based version </p>
  
  <pre><code>{{#my-thing}}
  &lt;p&gt;{{result.name}}&lt;/p&gt;
  {{/my-thing}}
  </code></pre>
  
  <p>then in the component hbs I'd yield this out inside my each loop/etc</p>
  
  <pre><code>{{#each x in controller}}
  {{yield}}
  {{/each}}
  </code></pre>
  
  <p>The issue w/ the block version is that I can't seem to pass "result" (ie- yield result blows up)</p>