按需車把Ember.view部件

Question

我想要追加HTML元素在用戶點擊UI內編譯，這種元件將這樣進行組裝和預編譯的視圖組件內：

NewElementView = Ember.View.extend(
    tagName: 'li', 

    click: ((event)-> 
    this.insertElement() 
), 

    blueprint: (-> 
    '<div id="{{dom_id}}"> 
     <textarea></textarea> 
     <button {{action "submit"}}>Save</button> 
    </div>' 
).property() 

    insertElement: (-> 
    html = this.get("blueprint") 
    template = Ember.Handlebars.compile(html) 
    context = { dom_id: "foo" } 
    Ember.$(template(context)).appendTo("#container") 
) 
) 

在運行時Ember.Handlebars.compile(html)它提出的行Uncaught TypeError: Cannot read property 'push' of undefined

任何想法爲什麼？

在此先感謝！

Answer 1

Ember.Handlebars.compile期望具有數據屬性的對象。

什麼你正在嘗試做的可以用下面的

模板

<script type="text/x-handlebars" data-template-name="my-custom-view"> 
    <div {{bind-attr id='view.dom_id'}}> 
     <textarea></textarea> 
     <button {{action "submit"}}>Guardar</button> 
    </div> 
</script> 

代碼

App.NewElementView = Ember.View.extend 
    tagName: 'li' 

    click: (event) -> 
    @insertElement() 

    insertElement: -> 
    view = Ember.View.create 
     templateName: "my-custom-view" 
     container: @container 
     dom_id: "foo" 

    view.appendTo("#container") 

這裏工作的例子來實現http://emberjs.jsbin.com/rapepepogi/17/edit?html,js,output