(Angular) 使用双向数据绑定与服务在组件之间共享数据

Question

我想要一个带有两个子组件的父组件。子组件都需要相同的信息，并且它们需要保持一致。我应该在父组件中创建一个变量并通过双向数据绑定将它传递给子组件（以便对任一子组件的更改将传播到父组件，然后再传播到另一个子组件）还是通过服务？

我也不确定如何使用服务来完成。我读了一个叫做主题的东西。如果我想在两个组件之间保持一致的数据，那会是进入的方向吗？

我目前只有一个父组件和一个子组件。我通过单向数据绑定将数据从父组件传递给子组件，子组件发送一个 HTTP 请求来修改我的数据。这些更改没有反映在我的父组件中，但我正在考虑使用双向数据绑定来让更改反映在父组件中。但是，我也打算将父组件的一部分做成另一个子组件，我不确定使用数据绑定是否是前进的最佳方式。

Answer 1

让我尝试回答您的问题（如果我理解正确的话）。 了解应该使用 input/output 与数据共享服务的区别-

您可以使用这两种方法实现相同的功能，但在实现您的功能之前应始终考虑以下几点-

什么时候使用input/output-

• 如果你有小规模的应用程序，
• 如果您只想在几个组件之间共享数据，
• 组件之间存在父子关系。

何时使用服务-

• 如果您正在处理大型应用程序，并且不希望通过在不同组件之间共享如此多的变量来搞乱组件之间的通信。
• 组件之间没有父子关系。
• 数据来自服务器，您只是在不同的组件之间共享

然后你就可以继续写 getter 和 setter 方法来共享来自这些服务的数据。或者可以使用 observables 发出值并在您的组件中订阅它。