【发布时间】:2020-06-03 23:07:36
【问题描述】:
显示数据的 HtmlCode。键作为参数传递
<div class="col-xs-12 col-md-6 col-md-offset-3" *ngIf="loadedPosts.length >= 1>
<ul class="list-group">
<li class="list-group-item" *ngFor="let post of loadedPosts">
<h3>Title: {{ post.title}}</h3>
<span>Content: {{ post.content}}</span>
<p> <a (click)="onDeletePost(post.id)" style="cursor: pointer;">Delete</a></p>
</li>
</ul>
</div>
在获取帖子时:
onFetchPosts() {
this.isLoading = true;
this.postService.fetchPosts().subscribe(
(posts)=>{
this.isLoading = false;
this.loadedPosts = posts;
},(error)=>{
this.error = error.error;
}
);
}
Json 键作为参数
删除帖子时:
onDeletePost(key:string) {
if(confirm('Are you sure?')){
this.postService.deletePost(key).subscribe(
(responseData)=>{
console.log(responseData);
this.onFetchPosts();
}
);
}
}
deletePost(key:string) {
return this.http.delete<void>(
'https://ng-complete-guide-257c0.firebaseio.com/posts.json',{
params: new HttpParams().set('name', key)
}// even passing parameter it clears all record instead of particular record
);
}
【问题讨论】:
-
对象中似乎没有
id属性。您为什么不尝试使用AngularFireDatabase来访问和删除条目?
标签: angular firebase firebase-realtime-database angular-http