Angular2 components inside component

Question

Can someone please tell me if I can achieve this in angular2+.

 <app-list-table [list]="myList">
    <app-list-column name="'Name'"></app-list-column>
    <app-list-column name="'Direction'"></app-list-column>
 </app-list-table>

Try to load based on selector component inside. – Vignesh Feb 01 '18 at 04:29 — Vignesh, Feb 01 '18 at 04:29
can't we achieve this using transclusion concept. – Pardeep Jain Feb 01 '18 at 10:31 — Pardeep Jain, Feb 01 '18 at 10:31

score 0 · Answer 1 · answered Feb 01 '18 at 05:19

0

In module import router module as

RouterModule.forRoot([ { path: 'name', component: NameComponent }, { path: 'direction', component: DirectionComponent } ])

In list table component use selectors of sub components

answered Feb 01 '18 at 05:19

Tejaswini Bansode

21
1
4

Thanks. but I don't want to create different components for each child item. I think the solution will be – Josf Feb 02 '18 at 00:29
https://stackoverflow.com/questions/45112717/angular-4-dynamic-template-with-interpolation – Josf Feb 02 '18 at 00:31

Angular2 components inside component

1 Answers1