我必須將按鈕id值存儲到角度4的本地存儲中

Question

我必須將按鈕id值存儲到角度為4的本地存儲中，然后，我要將下一個表單按鈕值存儲到本地存儲中，以便如何在同一對象中再次存儲和檢索這兩個值。

    **<ion-col col-5 *ngFor="let item of categories">
      <button class="z-depth-5" ion-button color="#06BEC0" (click)="cam()"  value="{{item.id}}">{{item.name}}</button>
    </ion-col>**

Answer 1

您可以將按鈕信息存儲在對象中，然后將對象數組存儲在本地存儲中，然后從本地存儲中檢索此對象，然后訪問和過濾按鈕信息。

例：

// sample object
var buttonsInfo = [{ 'buttonName1': id1 },{ 'buttonName1': id1 }];

然后像這樣設置並在本地存儲中獲取對象：

// Put the object into storage
localStorage.setItem('buttonsInfo', JSON.stringify(buttonsInfo));

// Retrieve the object from storage
var retrievedObject = localStorage.getItem('buttonsInfo');

最后解析您的對象以進行檢查：

JSON.parse(retrievedObject);

創建和更新按鈕目標代碼被忽略。