typescript - angular2 : Znovupoužití společné komponenty dvakrát na stejné stránce

Jak by bylo možné znovu použít jednu komponentu dvakrát s jiným modelem na stejné stránce, pokud by to byly různé snímky?

Příklad:

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

Odpověď č. 1

Můžete použít soubor ngFor.ts:

var models = [model1, model2]; 

Soubor Html:

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

Odpověď č. 2

V mém řešení byl problém s nejedinečnými ID prvků radioGroup; pokud použijete komponentu dvakrát, musíte si pamatovat, že prvky v různých radioGroup musí mít odlišná ID, jinak dojde k zablokování modelu na 2., 3. atd. použití.