Angular - 如何使用 Angular CLI 创建子组件

Question

我使用 Angular CLI 创建了一个 Angular 应用程序并创建了一个组件： ng g c parent 。

如何创建子组件（例如 child1 和 child2）并使用 Angular CLI 将它们与父组件集成？

我正在尝试创建一个简单的示例并在某些示例中理解父子组件关系。

原文由 Joe 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以创建任意数量的组件

ng g c child1
ng g c child2

然后你需要将它们添加到 ParentComponent 的Html中

<app-child1></app-child1>
<app-child2></app-child2>

然后使用 @Input 和 @Output 在父子之间传递数据

原文由 Reza 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

如果你想将组件嵌套到父级中，你可以这样做

ng generate component parent/child1
ng generate component parent/child2

这会在父文件夹中生成子组件。我在我的应用程序中这样做是为了将属于一起的东西放在一起！希望对您有所帮助

原文由 Marvin W. 发布，翻译遵循 CC BY-SA 4.0 许可协议