从阵列中删除元素 离子 2 存储

Question

我已经将数据数组设置为存储中，数据提供程序中的键"todo">为

import { Injectable } from '@angular/core';
import { Storage } from '@ionic/storage';
@Injectable()
export class DataProvider {
constructor(public storage: Storage) {
console.log('Hello DataProvider Provider');
}
getData() {
return this.storage.get('todos'); 
}
save(data){
this.storage.set('todos', data);
}
remove(id){
console.log("Removing data ID:",id);
this.storage.remove(id);
}

}

data由一个数组组成，其属性id、title、body为

{ id: 0, title: "lorem epsum", body: "lorem epsum" }
{ id: 1, title: "lorem epsum", body: "lorem epsum" }
{ id: 2, title: "lorem epsum", body: "lorem epsum" }
{ id: 3, title: "lorem epsum", body: "lorem epsum" }
{ id: 4, title: "lorem epsum", body: "lorem epsum" }

现在，我要做的是从data中删除数组。我想删除id 为 3 的数组

{ id: 3, title: "lorem epsum", body: "lorem epsum" }

我使用存储函数remove(key)删除了一个数组

但它显示的错误是

3 used as a key, but it is not a string.

我想尝试使用标题，但项目的标题可能不是唯一的。因此，我尝试使用 id 删除数组。

任何帮助将不胜感激。

谢谢。

Answer 1

使用this.storage.remove(key).键是存储中数组元素的 ID

Answer 2

您的存储存储在哪里？您可以在 Dom/控制台中显示您的数据吗？请记住，如果未设置id的数据，则默认计数始终从0开始，因此为0,1,2,3，其中3是第4行。因此，由此看来您正在删除键 3 并探测核心/键方法的键，而不是删除第 3 行。删除的示例应该是这样的：

this.storage.remove(a => a.id).where(a.id == 3);

或者正确的语法可能是：

this.storage.remove(this.storage.key(id));

如果您向我们展示您的整个代码/类，我们可以提供更好的建议。

**编辑*****

@Injectable()
export class DataProvider {
constructor(public storage: Storage) {
console.log('Hello DataProvider Provider');
}
//Set/Instantiate data
var totalItems = this.storage.length,
stored = document.getElementById('stored'),
addButton = document.getElementById('add-button'),
subButton = document.getElementById('sub-button');
addButton.addEventListener('click', addToStorage);
subButton.addEventListener('click', removeStorage);
updateStorage(); // adds stored timestamps to #stored div
function updateStorage(){
// Reset/update innerHTML for #stored div
stored.innerHTML = "Stored Results<br>"
for(item in this.storage) {
var obj = JSON.parse(this.storage[item]);
stored.innerHTML += obj.time + '<br>';
}
}
function addToStorage(event) {
// Create a new this.storage property and assign its value
var propName = 'item' + totalItems;
this.storage.setItem( propName, JSON.stringify( {'time': (event.timeStamp).toString(), 'target': (event.target).toString()} ) );
totalItems = this.storage.length;
// Add new value to #stored element
var obj = JSON.parse(this.storage[propName]);
stored.innerHTML += obj.time + '<br>';
}
function removeStorage() {
// Remove the latest property from this.storage
var propName = 'item' + (totalItems - 1);
this.storage.removeItem(propName);
totalItems = this.storage.length;
// Update html to reflect changes
updateStorage();
}

}

这是我在其他地方找到的一个例子，主要区别可能是：

1. 您没有先设置/设置关键数据
2. 如果很好，则拉动 ID 3，但此 ID 3 和 3 键之间可能存在冲突。
可能是无论您尝试删除哪个
3. 字符串并且您尝试删除密钥而不是 id：3，都不允许删除密钥 3。

尝试这些示例，但可能会查找更多"离子CRUD"示例，您可能会成功。希望这有帮助！