Как получить массив с использованием локального хранилища

Question

На картинке выше у cartItem есть 2 значения, но отображается только одно. Я использую localStorage в угловых значениях 5. У меня есть несколько значений, которые я должен сохранить в массиве, а затем показать на другой странице. Его приложение электронной коммерции. Я храню данные в массиве в localStorage, но проблема в том, что когда я получаю значение в другом компоненте, он показывает одно наименьшее значение. например, если у меня есть 5 значений (id), например [33,44,55,66,77], он показывает выходные данные только для 4 значений. я не знаю в чем проблема. Любая помощь будет оценена. мой код выглядит следующим образом.

addToCart(index) {debugger;
    this.added=true;
    this.dynamicArray.push(index);
    localStorage.setItem('cartItem', JSON.stringify(this.dynamicArray));
    this.toasterService.Success('Item Added Successfully')
    return true;
  }

и в другом компоненте я получаю как

let id= localStorage.getItem('cartItem');
     if (id != null) {
      this.getProductDeatilForCart(id);
    }
    localStorage.removeItem('cartItem')

Answer 1

Я решаю это сам. На самом деле проблема была в том, что он не оценивал индекс 0 массива. поэтому я использую библиотеку JSON.parse, и она отлично работает для меня. код следующий.

let id =JSON.parse(localStorage.getItem('cartItem'));   
    if (id != null) {
      this.getProductDeatilForCart(id);
    }