在父级上更改@input会更改所有子级组件

时间:2019-05-22 16:39:16

标签: angular6 angular7

我正在使用一个利用迭代* 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;
我的目标是实现一种孤立的子组件,该组件仅在其父母发生某些事情时才发生变化。 但是所有子组件都只能通过一个父操作同时更改。 预先感谢

0 个答案:

没有答案