ember cli renter templet from controler

the bellow code is not working

import Ember from 'ember';

export default Ember.Component.extend({

     ------
     ------

     didInsertElement:function(){ 

         -------
         -------

         $(".portlet").append('{{title}}<span {{action "addnew" model }} class="task-add glyphicon glyphicon-plus-sign pointer" ></span>');

     },
     ------
     -----
 });

I am planing to render html part separately

var part = xxx.xxx.render('{{title}}<span {{action "addnew" model }} class="task-add glyphicon glyphicon-plus-sign pointer" ></span>')

$(".portlet").append(part);

Any idea how to do this?

the bellow code is working like what i mean but i am not able to set the value of {{title}} and while clicking the action it is throwing error

TypeError: target is undefined

    var View = Ember.View.create({ template: Ember.Handlebars.compile('{{title}}<span {{action "addnew" model }} class="task-add glyphicon glyphicon-plus-sign pointer" ></span>'), });
    var buffer = new Ember.RenderBuffer();
    View.render(buffer);
    console.log( buffer.buffer);