javascript - ember，为什么我需要用这个包装 append 才能工作？

Question

我是 ember 的入门者，我的问题很简单，我想在我的 html 中附加一个把手，很简单，但是附加（在我所有的实验中）只有在我用 $(function(){...}) 包装它时才有效。我不想使用它（如果可能的话....）。任何替代方案，解决方案，建议？

<!--handlebar-->
<script type="text/x-handlebars" data-template-name="text">
  <h1>Send the message:</h1>              
  <input {{action "clicked" on="click"}} {{bindAttr name="name_attribute"}}  value='click me!!' type="button"/>
</script>​

<script>
  //namespace
  App = Ember.Application.create();

  //define view 
  App.myview = Ember.View.extend({
    templateName: 'text',
    name_attribute:'name_buttooooon',               
    message: '',
    clicked: function(event) {
      jQuery('#templateHere').html((this.get('name_attribute')));
    }                               
  });

  //create view
  App.myview=App.myview.create();

  //insert view in body
  $(function() {
    App.myview.append('#templateHere');  //Why I need to wrap this line in $(function(){..})???
  });

</script>

<div id="templateHere"></div>

</body>

Answer 1

用于Ember.Application.ready在应用加载后执行操作：

App = Ember.Application.create(
  ready: function() {
    this.myview.append('#templateHere');
  }
);