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

Joe*_*Joe 1 javascript node.js angular

我已经使用Angular CLI创建了Angular应用并创建了一个组件: ng g c parent。

如何创建子组件(例如child1和child2),并使用角度CLI将它们与父组件集成?

我试图创建一个简单的示例,并在一些示例中了解父子组件的关系。

Rez*_*eza 6

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

ng g c child1
ng g c child2
Run Code Online (Sandbox Code Playgroud)

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

<app-child1></app-child1>
<app-child2></app-child2>
Run Code Online (Sandbox Code Playgroud)

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


Mar*_* W. 6

如果您打算将组件嵌套到父级中,则可以这样做

ng generate component parent/child1
ng generate component parent/child2
Run Code Online (Sandbox Code Playgroud)

这将在父文件夹内生成子组件。我在我的应用程序中执行此操作以使所有内容保持在一起!希望能有所帮助