生成显示来自（例如后端）源数据的通用“ onclick”模块的最佳方法是什么？

Question

我的小组作业包括构建一个非常简单的应用程序，该模块在模块中生成过滤器。我单击屏幕上的按钮或名称，然后弹出过滤器模块。按钮名或名称后面有一个数据集，我们想过滤连接到它的数据。 我们创建了一个通用过滤器组件，该组件连接到数据源并生成按钮，并且弹出一个模块。但我似乎无法访问要在模块中显示的数据（模块和单击均位于其中的页面均具有相同的数据源）。我尝试通过我们的genericfilter模块访问它，但是我们被迫设置导入方式，从而得到了循环依赖。我也无法通过在主页上显示源的选择器访问html中的源。在这种情况下，我必须处理“未定义”的值。首先，我只想访问该数据（以后应该代表模块中的表）。 我的一般想法是在component.ts文件中编写一个函数，然后在.html文件中调用它。我的功能看起来像这样

 callTable(tablename: string) {
    switch (tablename) {
      default: {
        SomeDataTableComponent

      }

我想将名称设置为一个特定的表，该表取决于主页上单击的单词，即我想实现一个功能或引用连接表以及按钮名称或动作的引用。 我想这样称呼它

Modal

<div class="item-form" (ngSubmit)="callTable()">
</div>

但是目前缺少一个论点。现在，也许我不应该在函数中实现参数？ 有没有比我更好的方法？还是可以以某种方式拯救我？我对前端的东西和js./.html相当陌生。