javascript - 在 Ember 中，您可以使用组件助手覆盖组件函数吗？

Question

对 Ember 还是很陌生。我正在尝试使用 component Ember 助手来覆盖组件上的函数。

我的组件看起来像:

Ember.Component.extend({
  ...
  getValue() {...}
  ...
});

我有另一个组件，其模板如下所示:

<div>
  {{component myComponentName getValue=(action myCustomGetValue)}}
</div>

我想这会覆盖原始组件的 getValue 函数，但事实并非如此。这可能使用这个助手来做到这一点吗？还是我的做法有误？

Answer 1

是的，您可以将函数引用传递给 Emberjs 中的 component 助手。

您可以通过 component 助手调用您的组件，例如:

{{component "my-component" getValue=(action "myCustomGetValue")}}

在这种情况下，您应该在父组件或 Controller 中定义自定义操作，例如:

actions: {
  myCustomGetValue(){
    return "my custom value";
  }
}

可以看看this twiddle对于这种用法。