ngx-datatable-动态组件的渲染问题

时间:2019-03-08 19:23:40

标签: angular

我已经在主页上创建了动态组件,这些组件显示在选项卡中。显示的数据通过ngx-datatable。当我浏览每个选项卡时,我需要呈现选项卡特定的记录。我可以通过切换动态组件并再次放置来实现此目的 使用[hidden]标志选择选项卡时。因此,当我选择选项卡时,我停用了所有其他选项卡并仅使当前选项卡处于活动状态,所有其他选项卡仍在DOM中,因为我们要保持用户根据某些条件选择的数据。

现在,发生的事情是当我在选项卡之间切换时,ngx-datatable的内容消失了,并且再次出现在调整浏览器窗口大小时。仅当我创建多个标签并使用动态生成的组件(即放置ngx-datatable的位置)时,才会发生这种情况。我正在使用mat-tab组件来呈现标签。

我尝试了Google搜索,并有2-3个引用指出了ngx-datatable本身的问题。

我可以使用* ngIf解决这个渲染问题,而不是在DOM中维护数据(即通过[hidden]),但这不是我们期望的,数据应该保留在选项卡上。重置用户选择的条件以及数据。

到目前为止,我可以看到一种方法是使用* ng如果再次重新构建表,请使用一些缓存来维护选项卡数据,并且当用户选择选项卡时,从缓存中获取数据。我是Angular的新手,有什么建议-可以怎么做或如何解决这个问题都是很有意义的。

0 个答案:

没有答案