我想按值/子键删除父按键:
I want to delete a parent pushed key by value/childkey:
export class FaqsPage {
qS: Observable<any[]>;
ques = '';
ans = '';
constructor(private db: AngularFireDatabase) {}
ionViewDidLoad() { this.qS = this.db.list('table/faq').valueChanges(); }
removeItem(id){this.db.list('table/faq').remove(id);}
removeItem() 删除所有按键.难怪,因为我无法获得父密钥
removeItem() deleting the whole all pushed keys. No wonder because i couldn't get the parent key
//faq.html
<ion-list>
<ion-item-sliding *ngFor="let el of qS | async">
<ion-item>
<b>{{ el.Q }}</b><br>{{ el.A }}
</ion-item>
<ion-item-options side="right">
<button ion-button color="red" icon-only (click)="removeItem(el.key)"><ion-icon name="trash"></ion-icon></button>
</ion-item-options>
</ion-item-sliding>
</ion-list>
由于 valueChanges()
el.key doesn't get the the key (e.g. Kzwv8d_i-0QZuf2NT8Z) because of valueChanges() and i have no idea how to do it within current iteration.
希望你用的是angularfire2
I hope you are using angularfire2
this.qS = this.db.list('table/faq').snapshotChanges().map(changes => {
return changes.map(c => ({ key: c.payload.key, ...c.payload.val() }));
});
这将返回带有键的 qS
这篇关于卡在按值/子键删除父推送键的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持html5模板网!
在 Angular 2/Typescript 中使用 IScrollUse IScroll in Angular 2 / Typescript(在 Angular 2/Typescript 中使用 IScroll)
Anime.js 在 Ionic 3 项目中不起作用anime.js not working in Ionic 3 project(Anime.js 在 Ionic 3 项目中不起作用)
Ionic 3 - 使用异步数据更新 ObservableIonic 3 - Update Observable with Asynchronous Data(Ionic 3 - 使用异步数据更新 Observable)
Angular 2:在本地 .json 文件中找不到文件Angular 2: file not found on local .json file(Angular 2:在本地 .json 文件中找不到文件)
在 Ionic 2 中,如何创建使用 Ionic 组件的自定义指In Ionic 2, how do I create a custom directive that uses Ionic components?(在 Ionic 2 中,如何创建使用 Ionic 组件的自定义指令?)
将 ViewChild 用于动态元素 - Angular 2 &离子2Use ViewChild for dynamic elements - Angular 2 amp; ionic 2(将 ViewChild 用于动态元素 - Angular 2 amp;离子2)