android - 关闭后如何在 ionic 框架中保存/加载网络应用程序设置？

Question

我有一个设置，列出我的应用程序中的背景颜色选项(白色和黑色)。当我选择黑色时，背景变为黑色，但在我关闭应用程序后，它又变回白色，这是默认颜色。

如何保存设置并在应用重新打开时加载它？

Answer 1

我建议创建一个服务 (/factory) 来管理应用程序设置:

myApp.factory('SettingsFactory', [function() {

    var _settingsKey = "appSettings",
        defaultSettings = {
            bgColor: #fff
        };

    function _retrieveSettings() {
        var settings = localStorage[_settingsKey];
        if(settings)
            return angular.fromJson(settings);
        return defaultSettings;
    }

    function _saveSettings(settings) {
        localStorage[_settingsKey] = angular.toJson(settings);
    }

    return {
        get: _retrieveSettings,
        set: _saveSettings,
        getBgColor: function() {
            return _retrieveSettings().bgColor;
        }
        setBgColor: function(color) {
            var settings = _retrieveSettings();
            settings.bgColor = color;
            _saveSettings(settings);
        }
    }
}]);

然后在你的 Controller 中使用它:

myApp.controller('MyCtrl', [$scope, SettingsFactory, function($scope, SettingsFactory) {

    $scope.settings = SettingsFactory.get(); // get settings including bgColor

    $scope.onBgColorChange = function(color) {
        SettingsFactory.setBgColor(color);
    }
}]);