Как отобразить сохраненные элементы в HTML с помощью хранилища Ionic (Ionic 3, Angular 5, Cordova) - PullRequest
Новая
       9

Как отобразить сохраненные элементы в HTML с помощью хранилища Ionic (Ionic 3, Angular 5, Cordova)

0 голосов
/ 30 апреля 2018

Я использую хранилище Ionic для сохранения элементов в базе данных SQlite. Вот список элементов, которые я могу сохранить из файла TS моего поставщика данных: 

  private items: any[] = [

    {
   "name": "item 01",
   "description": "this is item 01",
   "id": "1"
   },
    {
   "name": "item 02",
   "description": "this is item 02",
   "id": "2"
   },
    {
   "name": "item 03",
   "description": "this is item 03",
   "id": "3"
   },
   {
"name": "item 04",
 "description":"this is item 04",
 "id":"4"
 }
]

когда я сохраняю их, используя 

this.storage.set(`item ${ this.item.id }`, JSON.stringify(this.item));

Я вижу, что они отлично хранятся с уникальным значением ключа. Каждый элемент получает в качестве ключа «элемент (номер элемента)» и хранит его содержимое в ионном хранилище.

Я могу даже вызвать их на console.log .. Но как я могу вызвать их на html-странице? Есть ли способ отобразить все сохраненные данные из ионного хранилища на HTML-странице? в идеале, используя {{item.name}}, {{item.description}}

Спасибо

1 Ответ

0 голосов
/ 01 мая 2018

Поскольку вы используете Ionic Storage, вы можете знать, что this.storage.get ('item-key') возвращает обещание.

Поэтому я бы предложил создать свойство экземпляра типа 

items : Array<string>  = new Array<string>();

тогда в вашем ngOnInit 

ngOnInit(){
   this.storage.get('key').then(
       (value) => {
        this.items.push(`${key} : ${value}`)
      }
   );
}

в вашем шаблоне простой *ngFor="let item of items" сделает

...