离子收集重复 - 未命中由websql数据库填充

Ionic Collection Repeat - Miss to be populate by websql database

本文关键字：websql 填充 数据库      更新时间：2023-09-26

我在离子收集重复方面遇到了一些麻烦。我无法显示来自 Web sql 数据库的填充列表。我的控制器如下所示：

.controller('femmeListCtrl', function($scope) {
    $scope.dataFemme = [];
    db.transaction(function(tx) {
        tx.executeSql('SELECT * FROM datafemme', [], function(tx, results) {
            for (var i = 0; i < results.rows.length; i++) {
                $scope.dataFemme[i] = {
                    id: results.rows.item(i).id
                    , 'code_patient': results.rows.item(i).code_patient
                };
            }
        });
    });
})
<div class="list">
  <a class="item my-item"
     collection-repeat="item in dataFemme | filter:filter"
     collection-item-height="90"
     collection-item-width="'100%'">
    <h2>{{ item.code_patient }}</h2>
  </a>
</div>

请帮忙。

问题是 Angular 不知道变量已经改变。只需在 for 循环的末尾添加一个$timeout即可。

编辑： 

.factory('femmeService', function($q) {
    var femmeService = {};
    femmeService.dataFemme = [];
    femmeService.getAll = function() {
        var deferred = $q.defer();
        db.transaction(function(tx) {
            tx.executeSql('SELECT * FROM datafemme', [], function(tx, results) {
                for (var i = 0; i < results.rows.length; i++) {
                    femmeService.dataFemme[results.rows.item(i).id] = {
                        'id': results.rows.item(i).id,
                        'code_patient': results.rows.item(i).code_patient
                    };
                }
                deferred.resolve();
            });
        });
        return deferred.promise;
    };
    return femmeService;
});

然后在控制器中：

femmeService.getAll().then(function() {
    $scope.dataFemme = femmeService.dataFemme;
});

谢谢@Leandro Zubreski，在服务中使用$timeout后，错误是dataFemme[results.rows.item（i）.id]的索引，所以我使用了这个 

dataFemme[i] = {
            id: results.rows.item(i).id
            , 'code_patient': results.rows.item(i).code_patient
        };

一切都很顺利。

我像这样更改了代码：我在下面创建了新服务

.factory('femmeService', function($timeout) {
var dataFemme = [];
db.transaction(function(tx) {
    tx.executeSql('SELECT * FROM datafemme', [], function(tx, results) {
        for (var i = 0; i < results.rows.length; i++) {
            //dataFemme[results.rows.item(i).id] = {
            dataFemme[i] = {
                id: results.rows.item(i).id
                , 'code_patient': results.rows.item(i).code_patient
            };
        }
        $timeout(function() {
            dataFemme;
        }, 3000);
    });
});
return {
    all: function() {
        return dataFemme;
    },
    get: function(id) {
        return dataFemme[id];
    }
};})

并且还更换了控制器

.controller('femmeListCtrl', function($scope, femmeService) {
$scope.dataFemme = femmeService.all();})

我已经解决了问题

相关文章：