Javascript 从Html视图更新会触发到动态视图的更新，在动态视图中保存到LocalStorage loki js

我有一个angular factory类用户，通过动态视图将数据从视图填充到用户变量，然后将该变量绑定到视图，从而得到实例化

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

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

下面是说明问题的代码

---

浏览器中LokiJS的默认存储适配器是localstorage，因此如果将用户保存在LokiJS集合中，则只需调用

db.saveDatabase（）

，它就会自动更新localstorage。 换句话说，您根本不需要直接处理localStorage，除非您正在保存未存储在LokiJS中的值

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;
}]);