在多选项卡中使用栅格



我想使用angular 8中的angular-gridster2创建多个仪表板。我有多个选项卡,每个选项卡中都有gridster。我面临着多个选项卡的这些问题。

  • 假设tab1-gridster有3项&tab2 gridster有2个项目当我最初从选项卡1移动到选项卡2时,我最初处于选项卡1当我在中添加一个项目时,它没有显示任何项目表格2的格架,那么我将表格2的所有3项格架
  • 更新选项的显示网格属性仅更新最后一个格子。我想将相同的选项属性应用于所有格栅沿着多个翼片存在

您可以在的多个选项卡上看到网格

我发现了两个问题。

看起来在addItem((方法中,您将直接向0索引的网格添加新项,如果您想保持网格分离,则必须以某种方式将网格的索引或指针传递给相关的网格。

addItem(){
this.gridsters[0].... // change 0 with an index
}

我不确定这个,我对Angular有点生疏,但看起来你没有把标签内容分开。您可能想在每个选项卡中添加选项卡内容。

您可能需要考虑封装组件,或者使用角度组件。按照目前的方式,你的代码可能会在一段时间后变得非常混乱,并且很难处理

相关内容

  • 没有找到相关文章

最新更新