如何在localStorage中像localForage一樣從localForage分配變量？

Question

請幫助我以下。

我一直在將我的AngularJS應用程序從localStorage轉換爲localForage。

在我的應用程序中，我正在像這樣分配localStorage值。

window.localStorage.setItem('localSavedValue','SavedValue'); 

，然後我被檢索這樣的數據，

var myValue = window.localStorage.getItem('localSavedValue'); 

因此，當我CONSOLE.LOG（myvalue的）; //它輸出「savedValue的」

我似乎無法與localForage要做到這一點，當我嘗試，

$localForage.setItem('localSavedValue','SavedValue'); 
var myValue = $localForage.getItem('localSavedValue'); 
console.log(myValue); // returns an object. 

我不要設置爲myvalue的值。

我確信這是一些與承諾有關的事情，因爲當我使用回調時，我可以訪問正確的'myValue'，但是我想讓它退出回調狀態以便在其餘服務中使用。

另外要注意，我在一個服務，所以不能分配給$範圍（除非我不知道如何）。

感謝任何幫助。

感謝 乙

Answer 1

$localForage.setItem('localSavedValue','SavedValue').then(function() { 
     $localForage.getItem('localSavedValue').then(function(data) { 
      console.log(data); 
     }); 
    }); 

https://github.com/ocombe/angular-localForage#configure-the-provider-

Answer 2

LocalForage是設計異步，所以我會建議你使用像承諾建議@RouR。

代碼清晰度的一個小改進是鏈返回promise結果，但是你仍然無法避免異步代碼的後果。

$localForage.setItem('localSavedValue','SavedValue').then(function() { 
    return $localForage.getItem('localSavedValue'); 
}).then(function(data) { 
    console.log('I\'m printed second', data); 
}); 
console.log('I\'m printed first'); 

如果使用的是巴貝爾，對於這樣的遷移更友好的方式將其配置爲使用transform-async-to-generator或preset-es2017和改寫這樣的代碼爲

await $localForage.setItem('localSavedValue','SavedValue'); 
const data = await $localForage.getItem('localSavedValue'); 
console.log(data);