Տեքստի փոխանցում դուստր կոմպոնենտին Angular-ում

Կարելի է տեքստը ծնող կոմպոնենտից փոխանցել դուստր կոմպոնենտին: Դրա համար անհրաժեշտ է փոխանցվող տեքստը գրել դուստր կոմպոնենտի բացող և փակող թեգերի միջև: Եկեք դա անենք:

app/app.component.html<user-data>
   text from parent
</user-data>

Այժմ դուստր կոմպոնենտի տեմպլեյտում մենք պետք է նշենք այն տեղը, որտեղ կիրականացվի ծնողի կողմից փոխանցված տեքստի տեղադրումը: Դա արվում է հատուկ թեգի ng-content միջոցով: Եկեք տեղադրենք այս թեգը դուստր կոմպոնենտի տեմպլեյտում:

app/user/user.component.htmlchild text <br>
<ng-content></ng-content>