¿Cómo puedo insertar dinámicamente una nueva plantilla en el DOM con Ember?

Question

Tengo una aplicación Ember.js. En la plantilla principal, tengo un botón de ayuda que, al hacer clic, debe mostrar una información sobre herramientas de CSS. Tengo la información sobre herramientas es una plantilla separada de manubrios.

Lo que trato de hacer es manejar el evento click para insertar la ventana emergente en el DOM y mostrarla. No puedo descubrir cómo insertar nuevas plantillas en el DOM usando Ember.

Aquí es mi plantilla en la que aparece el botón de ayuda:

<div id="status_help" class="icon_help" {{action "helpClicked"}}></div> 

Aquí es mi opinión primaria:

var checkbox = Ember.Checkbox.extend({ 
    templateName: 'checkbox', 
    helpClicked: function(e) { 
     // Not sure what to do here 
    } 
})); 

var tooltip = Ember.View.extend({ 
    templateName: 'tooltip' 
}); 

así que no estoy seguro de qué hacer en el controlador de eventos para hacer que la información sobre herramientas plantilla e inyectarlo en el DOM para mostrar.

Answer 1

Puede crear una nueva vista y anexarla al DOM usando Ember.View's append o appendTo métodos.

App.MyView = Ember.View.extend({ 
    templateName: 'a_template' 
}) 

var view = App.MyView.create(); 

// Append the view to the document body 
view.append(); 
// ...or append to any element described using 
// a jQuery-compatible selector. 
view.appendTo('#my-div');