title: How can I append a {{link-to}} helper to my template dynamically in ember.js? (Functionality similiar to $compile in angular)
body: <p>I am using ember 2.0 with ember-cli. All the other answers that come close to addressing this all use deprecated methods.</p>
  
  <p>Currently I have some code that looks like this inside a component called <code>object-form</code> that I use in several places: </p>
  
  <pre><code>saveObject(newObject) {
    newObject.save().then((object) =&gt; {
      this.$('.success-message')
        .html('Object "' + object.get('name') +
              '" successfully added.')
    }
  }
  </code></pre>
  
  <p>This works fine, but now I'd have to also have something like:</p>
  
  <pre><code>$('.success-message').append('{{link-to object.name "object.show" object}}')
  </code></pre>
  
  <p>However, as expected, the text is added exactly as written instead of being added as an actual <code>{{link-to}}</code> helper.</p>
  
  <p>In angular, which I'm more familiar with, you used something called the <code>$compile</code> service to dynamically add directives, the equivalent of ember components.</p>
  
  <p>If <code>link-to</code> existed in angular, for example, the pseudocode would look like something like this:</p>
  
  <pre><code>var directive = $compile('&lt;link-to ng-href="/object/{{object.id}} ng-model=object"&gt;{{object.name}}&lt;/link-to&gt;')($scope);
  $('.success-message').append(directive);
  </code></pre>
  
  <p>So is there an equivalent method of parsing the handlebars inside a string you want to append?</p>