Javascript 在Angular 5中使用多次子组件

我想学习英语四级中的亲子沟通+

我的问题很简单：

---

我在子组件中有一个按钮数组列表

[0,1,2,3]

，我正在使用子选择器

您必须使用输入和输出。如果您想处理子组件数据，这是从包装器发送输入并在所需事件中获取输出，然后更改数据的最佳方式

这里是更新的stackblitz

或者，您可以使用输出并将按钮列表保存在共享文件夹中。然后，当单击按钮（输出发射）时，更改按钮列表（在父组件中导入），两个组件的数据都将更改，因为它们保留对按钮列表的引用。
如果要在组件之间共享数据，则需要一个单例。服务是单身人士。将数据存储在服务中一次，然后将服务注入所有组件中。然后，在组件中显示
{{myService.variableName}
。感谢您的回答。但我有一个要求，我在一个页面中多次使用同一个子组件。第一次效果很好，但第二次数据没有呈现感谢您的回答。但我有一个要求，我在一个页面中多次使用同一个子组件。第一次工作正常，但第二次数据未呈现。