Удалите элемент из базы данных Firebase в реальном времени в веб-приложении angular

Question

Так что я работал над этим проектом, где я пытаюсь удалить определенный c объект / элемент из базы данных Firebase в реальном времени. Но проблема в том, что когда я щелкаю, чтобы удалить определенный элемент c, весь список объектов / элементов удаляется из базы.

В основном у меня есть служебный файл, содержащий метод удаления, который является

DeleteItem(item: Item) {
    Return this itemRef.remove(item.$id);
}

. И в item.component.ts у меня есть:

RemoveItem(item: Item) {
    This.itemService.deleteItem(item );
}

В html .component Я использую ngfor для отображения всех элементов из firebase с кнопкой для удаления определенного элемента c, а также с кнопкой для обновления элементов, которые действительно работают.

В настоящее время я использую angularFireDatabase и angularFireModule (@ angular / fire / database). ItemRef - это путь.

Также я попробовал следующее в item.component.ts: (хотя это не сработало)

RemoveItem(item: Item) {
    This.itemService.deleteItem(item).then(res => {
    This.items = this.items.filter(t => t.$id === item.$id);
    });
}

Я также попытался! == вместо ===, так как это то, что заявил источник.

Любая помощь будет принята с благодарностью. Заранее спасибо.

Больше информации о том, что я пробовал до сих пор.

DeleteItem(item: Item) {
    // let ids = `/item/ + {item.$id}`;
    // return this.itemRef.remove(task);
    // return this.itemRef.remove(`/users/{item.$id}`);
    // return this.itemRef.remove(task.$id);
    // return this.db.list('/item/' + item.$id).remove();
    // let id = null;
    // return this.itemRef.update(item.$id, id);
    return this.db.list('/item/').update(item.$id, null);
    // this.taskRef.update({item: null});
  }

Хотя ни одна из них не сработала. Я искал npm любую информацию о @ angular / fire / database, но не мог получить дальше, чем @ angular / fire