ember.js - emberjs 文档就绪函数应该放在哪里？

Question

我正在尝试附加 typeahead到我的模板之一中的文本输入。因为 Ember 使用 Handlebars ，所以 jQuery 的文档就绪函数不是用于预输入定义的地方。放置“模板就绪”代码的正确位置在哪里？我尝试了一个 Controller ，但预输入没有任何响应。我认为模板尚未呈现。

App.PersonController = Ember.ObjectController.extend({

    isEditing: false,

    init: function(){
        this._super();

        $('.example-films .typeaheadcx').typeahead([{
              name: 'best-picture-winners',
              remote: 'http://twitter.github.io/typeahead.js/data/films/queries/%QUERY.json',
              prefetch: 'http://twitter.github.io/typeahead.js/data/films/post_1960.json',
              template: '<p><strong>{{value}}</strong> – {{year}}</p>',
              engine: Ember.Handlebars
        }]);
    },

    actions: {
        edit: function() {
            this.set('isEditing', true);
        },

        doneEditing: function() {
            this.set('isEditing', false);
        }
    }
});

Answer 1

正确的位置是Ember.View的didInsertElement。

例如:

模板

<script type="text/x-handlebars" data-template-name="foo">
  Hello world
</script>

查看

App.FooView = Ember.View.extend({
  templateName: 'foo',
  didInsertElement: function() {
    console.log(this.$().text()); // will log 'hello world'
  }
});