在HTML页面中多次添加单个Angular-4组件

Question

我们正在使用角度4在Adobe AEM中开发应用程序。 由于我们的工具限制，我们无法使用ng-selector（父子结构）在另一个组件中添加组件。 因此，目前我们正在使用AEM（工具）功能在HTML中创建父组件并包含Angular组件。

在其中一个场景中，我们需要在HTML页面中多次添加单个组件，但之后我们无法将每个组件定位为显示/隐藏。

例如。

Component1中的模板：

<div *ngif="dynamicvalue">
  <div>show</div>
</div>

我的HTMl将如下所示。

<div *ngif="dynamicvalue">  <!-- Component1 added for the 1st time-->
  <div>show</div>
</div>
<div *ngif="dynamicvalue">  <!-- Component1 added for the 2nd time-->
  <div>show</div>
</div>
<div *ngif="dynamicvalue">  <!-- Component1 added for the 3rd time-->
  <div>show</div>
</div>

在上面的场景中：

1.如何仅定位在第一个位置添加的Component1来显示/隐藏？

2.如何定位在1st＆amp; amp;显示/隐藏的第二个位置？