Nativescript - 應用程序恢復後失去的數據綁定

Question

我有一個視圖綁定到ViewModel（從Observable繼承）與一個TextField和一個開關。

當我改變這些值時，所有的都被完全綁定，我可以看到我的新值。

但是，如果我進入主屏幕，然後回到應用程序，值將被刪除。

該視圖是像客戶CRUD這樣的基本表單。

這裏是XML：

<Page xmlns="http://schemas.nativescript.org/tns.xsd" 
     loaded="loaded"> 
<!-- ... --> 
    <TextView text="{{ valueA }}" /> 
<!-- ... --> 
    <Slider value="{{ valueB }}" minValue="1950" maxValue="2016" /> 
</Page 

這裏是後臺代碼：

let viewModel: ViewModel; 
let page: Page; 

export function loaded(args: EventData) { 
    page = <Page>args.object; 

    setTimeout(function() { 
     viewModel = new ViewModel(); 
     page.bindingContext = viewModel; 
    }, 0); 
} 

你有任何想法，爲什麼我失去我的表單數據？

Answer 1

最有可能的是，當您回到應用程序時，在您構建視圖模型的地方會觸發loaded事件。您應該嘗試使用「應用程序設置」模塊在不同的頁面事件（navigatedTo）中構建或保留數據。然後在構建可觀察視圖模型時從app-settings中讀取值。希望這可以幫助。

https://docs.nativescript.org/ApiReference/application-settings/HOW-TO.html