Используете Gridster на нескольких вкладках?

Question

Я хочу создать несколько панелей мониторинга, используя angular -gridster2 в angular 8. У меня есть несколько вкладок с сеткой на каждой вкладке. Я сталкиваюсь с этими проблемами для нескольких вкладок.

• позволяет сказать, что сетка tab1 имеет 3 элемента, а сетка tab2 имеет 2 элемента, и я нахожусь на первой вкладке изначально, когда я перехожу с tab1 на tab2, изначально это не отображение любого элемента в сетке, когда я добавляю еще один элемент в сетку из tab2, тогда я буду использовать все 3 элемента сетки из tab2.
• Обновление свойства сетки отображения параметров обновляет только последний элемент сетки. Я хочу применить одинаковые свойства параметров ко всем сеткам на нескольких вкладках.

Здесь вы можете увидеть сетку на нескольких вкладках

Answer 1

Я обнаружил 2 проблемы.

Похоже, что в методе addItem () вы добавляете новый элемент непосредственно в индексированный гридстер 0, если вы хотите, чтобы сетки были разделены, вы должны передать индекс гридстера или указатель на пути к связанная сетка.

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

Я не уверен насчет этого, я немного заржавел с Angular, но похоже, что вы не разделяли содержимое вкладки. Возможно, вы захотите добавить содержимое вкладки к каждой вкладке.

Возможно, вы захотите рассмотреть возможность инкапсуляции ваших компонентов, возможно, использовать angular компонентов. С текущим способом ваш код может стать действительно беспорядочным через некоторое время, и его будет очень трудно обрабатывать