Angular2 :在同一页面上重复使用公共组件两次

Question

如果是不同的幻灯片，如何在同一页面上使用不同的模型重复使用一个组件两次？

例：

<component [(model)]="model1"></component>
<component [(model)]="model2"></component>

Answer 1

您可以使用 ngFor。TS 文件：

var models = [model1, model2]; 

网页文件：

<div *ngFor="let mod of models">
      <component [(model)]="mod"></component>
   </div>

Answer 2

在我的解决方案中，radioGroup 元素的 ID 不唯一如果使用两次组件，您必须记住不同无线电组中的元素具有不同的 id，否则您在 2 日、3 日等处的模型会死锁。