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

Question

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

示例：

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

Answer 1

你可以使用ngFor。 ts 文件：

var models = [model1, model2];

Html 文件:

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

Answer 2

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

angular2 : Reusing common component twice on the same page