将函数传递给 Ember 组件

Question

是否可以将函数传递给组件？我正在尝试将我的代码从视图移到组件上，以保持我的 Ember 应用程序向前发展（请参阅here），并且我在整个站点中都使用了一堆常用功能。我不确定如何从组件中调用它们。我在旧代码中将它们放在自己的控制器中，但我听说将控制器传递给组件是草率或不明智的。

例如在一个组件车把文件中，我正在考虑这个：

{{a-cool-component 
  property1=someValue
  function1=controllers.utils.doSomethingRepetitious 
}}

所以在我的组件 javascript 代码中我可以做这样的事情......

FacetListItemComponent = Ember['default'].Component.extend({
  property1: null
  property2: null
  function1: null 
  didInsertElement: function() {
    //... do stuff here
    this.set('property2', this.function1(this.get('property1')));
  }
);
exports['default'] = FacetListItemComponent;

我在我正在构建的组件中尝试了它，但 function1 遇到了 undefined。

有什么建议吗？

我在 Ember-CLI 0.2.7 上使用 Ember 1.11

布莱恩

Answer 1

您应该使用get()，并且不需要在组件上设置function1: null。

//component
MyExComponent = Ember.Component.extend({
  didInsertElement: function(){
    var fun = this.get('function1');
    fun()
  }
})

//other component

MyOtherComponent = Ember.Component.extend({
  function1: function(){
    alert('hello');
  }
})

//other component template

{{my-ex
  function1=function1}}