在多個選項卡中使用 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 有點生疏，但看起來你沒有分開標簽內容。 您可能想將選項卡內容添加到每個選項卡。

您可能要考慮封裝您的組件，也許使用 angular 組件。 使用當前的方式，您的代碼可能會在一段時間后變得非常混亂，並且很難處理