javascript - Html ビューから更新すると、動的ビューへの更新がトリガーされ、ローカルストレージ loki js に保存されます。

Question

ビューからユーザー変数にデータを入力する動的ビューを介してインスタンス化されるAngularファクトリクラス User があり、ビューにバインドされます。

ビュー入力 type='text' にバインドされている userView.Name に変更があった場合は常に localstorage を更新する必要があります。つまり、テキスト フィールドの値を変更すると、クラスのユーザー インスタンスのテキストが直接変更されます。次に、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;
}]);

以下は、コードが問題を示す方法です