Сохранение и загрузка компонентов Dynami c с использованием сетки bootstrap.

Question

Я встраиваю приложение перетаскивания для angular компонентов в сетку bootstrap. Я добавляю компоненты динамически, и это отлично работает. Моя проблема заключается в сохранении динамически удаленных элементов. Я пытался сохранить и загрузить компоненты следующим образом.

//saving the dropped components
componentclass = [];
let componentRef: ComponentRef<any> = this.container.createComponent(componentClass);
    this.componentclass.push(componentClass)

//function for loading the saved dropped components
savemockup(){
    console.log(this.componentclass)
    this.componentclass.forEach(comp=>{
      console.log(comp)
      this.container.createComponent(comp)
    })
}

Моя проблема в том, что результат после перезагрузки сохраненных компонентов выглядит следующим образом https://imgur.com/a/U0SpwmK

в то время как мои отброшенные компоненты выглядят так: https://imgur.com/a/dqLXrzF

я хочу сохранить компоненты в его ассоциированном элементе, зная, что сетка itselsf создается динамически