javascript - 从 Html 视图更新触发更新到动态视图，将其保存到 LocalStorage loki js

Question

我有一个角度工厂类用户，它通过动态视图将数据从视图填充到用户变量进行实例化，然后绑定到视图。

当绑定到视图输入 type='text' 的 userView.Name 发生更改时，我需要更新本地存储，即对文本字段中的值的任何更改都会直接更改类的用户实例中的文本然后更新将更新 localStorage 的动态视图？

我有一个托管在 CodePen 的代码示例

说明问题的示例代码

app.controller('TestController', ['$scope', 'Loki', 'MobileConstants', 'LocalStorageApi', 'User', 
function ($scope, Loki, MobileConstants, LocalStorageApi, User, Book) {
    LocalStorageApi.initialize();
    var userData = LocalStorageApi.UsersView.data()[0];

    var user = new User(userData);

    $scope.userView = user;
}]);

app.factory('User', ['$rootScope', function ($rootScope) {
    function User(userData) {
        User.prototype.Name = userData.nameSample;
    };

    User.prototype = {
        Name: null,
    }

    return User;
}]);

下面是说明问题的代码的样子

Answer 1

LokiJS 在浏览器中的默认存储适配器是 localstorage，因此如果您将用户保存在 LokiJS 集合中，您只需调用db.saveDatabase()它，它将自动更新 localstorage。换句话说，您根本不需要直接使用 localStorage，除非您要保存未存储在 LokiJS 中的值。