在 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