angular - 子组件从@Input 或服务订阅获取数据？哪个更好？

Question

我有一个父组件、一个子组件和一个服务。父组件从服务订阅对象数据。子组件也需要监听该数据变化。哪个更好，子组件使用 @Input 从其父组件获取数据，还是让它也订阅服务？

Answer 1

@Input() 的用例

1. 当我们只有一到两个层次结构时
2. 当我们传递的值被其他组件使用时

服务用例

1. 当我们有很多层次结构并且传递值变得有点困难时
2. 当某些组件功能依赖于某些组件值时，该值可能下降了大约 10 个层次结构，所以在这种情况下，我们可以使用订阅服务，这样每当值发生变化时，我们就可以在我们的组件中自动使用它
3. 当一个值被多个组件使用时

Answer 2

@Emmanuel Sayson 如果您不更新父项上的数据，则最好使用服务，这取决于用例。嵌套层次结构中服务更清晰

Answer 3

如果服务以所需格式提供准确的数据，那么直接订阅服务比依赖父组件更好。这将降低代码的整体复杂性并提高性能。

在这些场景中，父组件可以用作包装器或代理：

1. 服务未以子组件所需的确切格式提供数据。

2. 许多子组件依赖于服务提供的相同数据。

3. 子组件需要从多个服务聚合的数据。