I have Angular app with child components in loop:
<code><ng-container *ngFor="let component of components; let i = index">
<component [component]="component"></component>
</ng-container>
</code>
<code><ng-container *ngFor="let component of components; let i = index">
<component [component]="component"></component>
</ng-container>
</code>
<ng-container *ngFor="let component of components; let i = index">
<component [component]="component"></component>
</ng-container>
into parent component during some actions I do:
<code>let component = this.components.find(x => x.key === item.key);
component!.value = data;
</code>
<code>let component = this.components.find(x => x.key === item.key);
component!.value = data;
</code>
let component = this.components.find(x => x.key === item.key);
component!.value = data;
and after code above I’m waiting in child component that change action will be executed:
<code>ngOnChanges(changes: SimpleChanges): void {
console.log('change');
console.log(changes);
}
</code>
<code>ngOnChanges(changes: SimpleChanges): void {
console.log('change');
console.log(changes);
}
</code>
ngOnChanges(changes: SimpleChanges): void {
console.log('change');
console.log(changes);
}
but nothing was changed, am I doing something wrong? Or how can I fix that?