How to inject a component dynamical to another in angular 4 and how to pass the value from parent component to child. Can any one help with Sample working code.
See Question&Answers more detail:osHow to inject a component dynamical to another in angular 4 and how to pass the value from parent component to child. Can any one help with Sample working code.
See Question&Answers more detail:osThe question is a bit unclear, and definitely will get down votes for lack of any example code for what you have tried, along with lack of details on what you are trying to accomplish.
Basically, a component can be contained within another component using the selector as an HTML element like this:
In parent component:
<div>
<ai-star [rating]='product.starRating'
(ratingClicked)='onRatingClicked($event)'>
</ai-star>
</div>
Child component:
@Component({
selector: 'ai-star',
templateUrl: 'app/shared/star.component.html',
styleUrls: ['app/shared/star.component.css']
})
export class StarComponent implements OnChanges { ... }
You can find the complete sample code here: https://github.com/DeborahK/Angular2-GettingStarted