自定义组件不重复但被替换

时间:2018-12-07 21:28:47

标签: angular typescript angular6 ngfor

我已经在我的angular 6应用程序中创建了一个自定义组件,该组件称为QuizComponent。

在我的首页(另一个组件)上,我在HTML代码的中间实例化了QuizComponent的多个实例,简化后的实例可以看成是这样:

<div *ngFor="let item of items">
   <img [src]="item.url">
   <quiz [questions]="item.questions"></quiz>
<div>

结果是,图像显示得很好(唯一),但是只显示一个测验,它代表了项目列表中的最后一个测验。 看来,即使在ngFor内部,我的组件也只能实例化一次。

对于每次循环交互,我如何有一个QuizComponent实例?

谢谢!

0 个答案:

没有答案