Typescript angular2：在同一页面上重复使用公共组件两次

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

示例：

您可以使用ngFor。 ts文件：

Html文件：

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

---

在我的解决方案中，radioGroup元素的ID不唯一

---

如果使用两次组件，您必须记住，不同放射组中的元素具有不同的id，另一方面，您在第二、第三次等时存在模型死锁。

我不能使用这种情况，因为它们必须位于应用程序的不同幻灯片上（（我需要单独使用它们）

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