javascript - 在多个选项卡中使用 Gridster？

Question

我想在 angular 8 中使用 angular-gridster2 创建多个仪表板。我有多个标签，每个标签中都有 gridster。我面临多个标签的这些问题。

• 假设 tab1 gridster 有 3 个项目，而 tab2 gridster 有 2 个项目，当我从 tab1 移动到 tab2 时，我最初位于第一个选项卡，当我在 tab2 的 gridster 中再添加一个项目时，它没有显示 gridster 中的任何项目，然后我会tab2的gridster的所有3项。
• 更新选项的显示网格属性仅更新最后一个网格项目。我想将相同的选项属性应用于沿多个选项卡存在的所有网格。

您可以在此处查看沿多个选项卡的 gridster

Answer 1

我发现了2个问题。

看起来在 addItem() 方法中，您正在将新项目直接添加到索引为 0 的 gridster，如果您想保持 gridster 分开，您必须将 gridster 的索引或指针以某种方式传递给相关的 gridster。

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

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

您可能要考虑封装您的组件，也许使用角度组件。使用当前的方式，您的代码会在一段时间后变得非常混乱，并且很难处理