Javascript 在AngularJS中使用布尔值在弹出窗口中显示不同的模板

我在屏幕上有3块瓷砖，点击每一块，我就会显示一个弹出窗口。每个平铺都有自己的弹出窗口的内部内容（不是静态内容，也需要许多功能），但弹出窗口的页眉和页脚部分是相同的。因此，我创建了一个带有页眉和页脚的通用弹出窗口，并根据单个磁贴的点击发送内部模板。单击一个互动程序，我将获得互动程序的id，对于内部模板，我已经创建了模板。因此，在通用ui弹出窗口的控制器中，我为每个弹出窗口创建一个变量，并在通用弹出窗口中检查该变量，并根据这些变量显示正确的内部模板。我的问题是我不想为每个磁贴创建单独的变量。同样在将来，对于添加的每个瓷砖，需要添加一个变量，这对我来说并不好。这个解决方案是没有任何错误的工作，但我想让它以某种方式有效，并需要一些帮助与相同。请在下面查找代码

请原谅代码中有任何错误

文件夹结构：

- tilepopup
    - ui
      -genericpopup
    - templates
      - tileonetemplate
      - tiletwotemplate

genericpoop.html

<div>
    <tile-one-template show-content="genericpop.tile1"></tile-one-template>
    <tile-two-template show-content="genericpop.tile1"></tile-two-template>
</div>

<div ng-show="showContent">
    Some content
</div>

---

考虑使用

ng include

指令：

<div ng-include="'tilepopup/templates/'+ $ctrl.stateObject.name +'.html'">
</div>

有关详细信息，请参阅

---

感谢您的编辑和回复！但是要在ng include中使用这些html模板，我必须再次使用标志（tile1和tile2），对吗？

<div ng-include="'tilepopup/templates/'+ $ctrl.stateObject.name +'.html'">
</div>