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

【问题标题】：angular2 : Reusing common component twice on the same pageangular2 : 在同一页面上重复使用公共组件两次
【发布时间】：2017-05-26 08:35:13
【问题描述】：

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

示例：

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

【问题讨论】：

【解决方案1】：

您可以使用 ngFor。 ts 文件：

var models = [model1, model2];

HTML 文件：

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

【讨论】：

【解决方案2】：

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

【讨论】：