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

Question

I have created an Angular app using Angular CLI and created one component: ng gc parent .

How do I create child components (eg child1 and child2) and integrate them with a parent using angular CLI?

I am trying to create a simple example and understand in some example parent-child component relationship.

Answer 1

If you mean to nest the components into the parent you can do it like this

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

This generates the child components inside the parent folder. I do this in my apps to keep together what belongs together! Hope it helped

Answer 2

you can create as many as component you want

ng g c child1
ng g c child2

Then you need to add them in the Html of ParentComponent

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

and then using @Input and @Output to pass data between parent and child

Answer 3

You can see child routing configuration y child routing component in Angular.io.

angular.io router