我在离子收集重复方面遇到了一些麻烦。我无法显示来自 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();})
我已经解决了问题