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

Question

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

当userView.Name被绑定到视图输入类型=‘text’时，我需要更新本地存储，也就是说，对文本字段中的值的任何更改都会直接更改类的用户实例中的文本，然后更新将更新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浏览器中的默认存储适配器是本地存储，所以如果用户保存在LokiJS集合中，只需调用db.saveDatabase()，它将自动更新本地存储。换句话说，您根本不需要直接篡改localStorage，除非您正在保存未存储在LokiJS中的值。