ember.js - Ember 中的 Action 冒泡

Question

我是 Ember 的新手，所以如果这个问题的答案显而易见，请原谅我。我最近开始了一份新工作，我认为他们采取行动冒泡的方法是……令人好奇。

这是一个包含许多深层嵌套组件的大型应用程序。为了向 Controller 冒泡 Action ，他们一直在使用这种东西:

actionName (parameter) {
    this.attrs.actionName(parameter);
},

然后这将向上冒泡一个级别到下一个组件，在那里它们将再次调用相同的操作。这将以这种方式继续，直到它到达定义 Action 的 Controller 。

出于各种原因我不喜欢这个，但主要是因为它让编写任何新 Action 变得很麻烦。

我的问题是两个部分:

1)对于深度嵌套的组件，有没有更好的解决方案？

2)以前见过sendAction，但是没有实际使用过。 this.attrs.actionName(parameter);有什么区别？

谢谢!

Answer 1

For deeply nested components, is there a better solution?

简短的回答是否定的。 Ember 组件强制您明确冒泡操作。消费者还必须明确地“订阅”一个 Action 来接收它。做出这些设计决策是为了使代码尽可能明确以避免意外错误。 (想象一下，如果事件自动冒泡并且组件添加了一个新事件。这些事件会自动冒泡，未被捕获，然后导致错误。)

I have seen sendAction before, but have not used it in practice. What is the difference between this.attrs.actionName(parameter);?

sendAction 是旧的处理方式(pre 2.0)。在 Ember 2.0 中， Action 被放置在 attrs 对象中。这种方法有一些好处，但最大的好处是可读性。您应该更喜欢 future 的新方法，尤其是因为新方法允许操作将值返回给调用者(sendAction 不允许这样做)。

长话短说:它看起来很冗长，但这正是 Ember 做事的方式。通常情况下，它比其他选择要好得多。