在Angular 2中打开和关闭Tab键

时间:2017-07-19 18:05:20

标签: angular architecture

这是一个奇怪的问题,我不太清楚如何用它来表达。

在Angular 2中打开和关闭标签的最佳方法是什么?我有一个设置屏幕,我希望能够在不同的配置网站中选择功能。这将保存在数据库中,我可以在其中进行api调用。

此应用将位于不同位置的计算机上。我希望能够为该位置打开和关闭标签。此角度2/4应用程序的登录页面是位置选择。这将带您到另一个页面,其中包含您可以使用的选项卡。有些地方可以重复使用标签,有些地方只有该地点的特定标签。

因此,例如,位置A可以访问标签:"图片,视频,评论"和位置B可以访问选项卡:"图片,评论,位置B特定选项卡"

这更像是一个架构问题。在我看来,创建组件并拥有一个可以显示我允许的组件的页面会更容易(工厂方法可能吗?)

如果可能的话,我希望避免让一个组件具有适用于每个选项卡的函数和一个包含每个选项卡编码的templateUrl页面,如果它不适用于该位置,则隐藏它。

任何建议都将不胜感激!

提前致谢!

1 个答案:

答案 0 :(得分:0)

只需为您可能拥有的每个选项卡创建一个组件,当您加载您读取位置的页面时,您从api获取该位置上允许的选项卡的列表,您使用允许的选项卡实例化选项卡组件,然后获取每个选项卡的数据。