Question

我正在使用ForerunnerDB - a NoSQL JSON Document DB在客户端（Web）上创建数据存储。此特定库提供persistence storage选项。但是，似乎有些问题。我在下面提供了我的代码：

应用

(function(){
angular.module("TestApp", ['ui.router', 'LocalStorageModule', 'forerunnerdb']);

}）（）;

控制器：

(function(){
    angular.module("TestApp")
    .controller("FetchGroupsController", function(clientStore, $scope, $http){

        clientStore.getTable("groups").load(function (err, tableStats, metaStats) { 

            if (err) {
                // Load operation was unsuccessful
                console.error("error in pulling collection " + name);
                console.error(err)
            }
            else{
                //there is persisted data corresponding to the requested table
                if(tableStats.foundData && tableStats.rowCount > 0){
                    controller.groups = clientStore.fetchRecords("groups"); //returns an array of objects 
                    console.log("User has " + tableStats.rowCount + " groups");
                    console.log(controller.groups);
                }
                else{//no table for group data persisted */
                    $http({ method: "POST", url: "api/groups/index"})
                    .success(function(data, status){
                        //TODO: handle the activation code
                        if(status == 200){
                            delete data["debug"]; //deleting an unnecessary object from response data
                            clientStore.addList("groups", data);
                            controller.groups = clientStore.fetchRecords("groups");     
                            console.log(controller.groups);
                            clientStore.getTable("groups").save();
                        }
                        else if(status == 403){ //forbidden 
                            controller.messages = data;
                        }
                        else if(status == 401){ //error
                            controller.errors = data;
                        }
                    })
                    ;
                }
            }
        });


    });
})();

服务

angular.module("TestApp")
.factory('clientStore', function($fdb, $http, localStorageService){

    var clientDB = null;
    var factory = {};

    clientDB = $fdb.db("testDB");

    factory.getDB = function(){
        return clientDB;
    };

    factory.createTable = function(name, pk){
        if(pk != false){
            return clientDB.collection(name, {primaryKey : pk});
        }
        return clientDB.collection(name);
    };

    factory.resetTable = function(name){
        clientDB.collection(name)._data = [];
        clientDB.collection(name).save();
    };

    factory.getTable = function(name){
        return clientDB.collection(name);
    };

    factory.add = function(name, record){ //insert a single object
        clientDB.collection(name).insert(record/*, function(result){
            console.warn(result);
        }*/);
    };

    factory.addList = function(name, records){ //insert a list of objects

        for (record in records){
            clientDB.collection(name).insert(records[record]);
        }

    };

    factory.fetchRecords = function(name){
        return clientDB.collection(name)._data;
    };

    return factory;
});

查看：

<div ng-repeat="group in fetchGrpsCtrl.groups" class="row">

    <div class="col-md-12">

        <div class="groups" id="grp-@{{group.id}}" ng-click="fetchGrpsCtrl.setGroup(group)">   

            <div class="details">

                <h5> @{{group.title}}</h5>

            </div>

        </div>

    </div>

</div>

问题是变量controller.group在视图中为空，但在控制器中，当我将它（第15行）记录到控制台时，我得到了预期的值。我想也许这是范围问题，并且在回调中对变量的更改没有在视图中被选中。但事实并非如此，因为我评论了这条线 clientStore.getTable（ “基团”）保存（）; 并再次运行它，视图按预期完美更新。我无法弄清楚为什么save（）函数在视图中擦除controller.groups变量但在控制器中完全注销。

Answer 1

您正在错误地使用ForerunnerDB。它包含一个AngularJS插件，可以很容易地使用AngularJS，但是你已经编写了一个自己的包装器，它挂在了一个集合的_data属性上（你不应该这样做，因为该属性是由ForerunnerDB内部管理，可以销毁和重新创建，这意味着您将对一个集合可能不再使用的对象进行错误的引用。）

相反，您应该在AngularJS中使用ForerunnerDB，如文档中所述：https://github.com/Irrelon/ForerunnerDB#angularjs-and-ionic-support

ForerunnerDB包含一个名为＆＃34; ng（）＆＃34;的辅助方法。这使您可以正确地将集合中的数据链接到视图的范围。

此外，在使用第三方javascript库时，通常会考虑带有下划线的属性＆＃34; private＆＃34;不应直接访问。您应该使用访问器方法（例如ForerunnerDB案例中的.find（））来访问数据。通常以下划线开头的属性是一个很好的迹象，表明它是私有的（并非所有的库和程序员都遵循这个约定，但很多人都这样做。）

ForerunnerDB中的持久性存储无法正常工作

1 个答案: