假设我有 3 个 Angular 组件，第一个组件使用第二个和第三个组件作为指令。它们应该共享相同的模型对象，该对象在第一个组件中初始化。如何将该模型传递给第二个和第三个组件？我提到了这篇文章How to pass object from one component to another in Angular 2?，但它正在使用输入......我想知道在各种子组件之间共享模型对象的所有可能替代方案 有人请告诉我我可以遵循的替代方案
【问题讨论】：
标签： angular
将该类型添加到First 组件的提供者列表中，并将其注入到First 的构造函数、涉及的子构造函数和孙构造函数中。
@Component({
...
providers: [SharedService]
})
export class First {
constructor(private shared: SharedService);
// also add this parameter to the other child and grand-child
// component and directives constructors and they will get
// passed a shared instance.
}
不要将SharedService 添加到这些子或孙providers 中，否则他们将获得一个新实例而不是共享实例。
如果您将SharedService 添加到bootstrap(AppComponent, [SharedService]) 而不是父组件，则整个应用程序共享接缝SharedService 实例，而不仅仅是选定的子树。
【讨论】：
在子项（而不是共享服务）上使用输入属性的一个优点是 Angular 更改检测会自动将更改传播给子项。如果您使用不可变对象并且想要更改整个模型（更改为新的实例/引用），这将特别有用。
使用服务，您可以更改模型，但不能更改模型引用。
使用输入属性，您可以执行以下任一操作：更改模型和/或更改模型引用。
有关使用不可变数据建模的更多信息，请参阅以下 Savkin 博客文章：http://victorsavkin.com/post/133936129316/angular-immutability-and-encapsulation
【讨论】：