我正在使用一个利用迭代* ngfor的组件。 在ngfor内部,我正在使用一个子组件并传递如下输入数据。
<div *ngFor="let group of generalGruop; let index = index">
< child-component [questionsList]="questionsList"></child-component>
</div>
问题是,当我为一个父组件更改了上面的questionsList时,所有子组件都被更改了。
当发生某种情况(某些条件)时,父组件调用共享服务以获取更新的数据,该数据就是“ questionList”,该数据将传递给子组件。 假设我有三个父级和三个子级。 现在,当一个父项发生更改时,所有子项组件都将接收相同的数据,并且它们都同时更改。
<div *ngFor="let group of generalGruop; let index = index">
< child-component [questionsList]="questionsList"></child-component>
</div>
inside child component i have just :-
@Input() questionsList;
我的目标是实现一种孤立的子组件,该组件仅在其父母发生某些事情时才发生变化。
但是所有子组件都只能通过一个父操作同时更改。
预先感谢