javascript - Ember.js 中模板创建的绑定(bind)函数

Question

我有一个 Handlebars 模板，需要在其创建时运行 JavaScript 函数。这在 Ember/ Handlebars 中可能吗？具体来说，它是一个创建“状态栏”的部分，其中填充了一定百分比和一定量的状态栏。我已经有一个可用的函数，我只需要一种方法让它在加载时为所有状态栏(页面上有很多)运行。

Answer 1

我会将你的进度条包装在 ember 组件中。然后使用 didInsertElement 触发您的函数。此外，您还可以将范围限定到该特定进度条实例。

App.ProgressBarComponent = Em.Component.extend({
  someFunc: function(){
    this.myFunc();
  }.on('didInsertElement'),
  myFunc: function(){
    console.log('this component is', this.$());
  }
});