you just need use property binding to pass the data to child component
settings component template
<app-user-profile [data]="userSettings"></app-user-profile>
userProfile.ts
@Input() data:any;
now the value from the userSettings
will pass to the data
property.
15
solved Transfer data between angular components using @input and @output [duplicate]