Javascript 错误:Reference.child失败:第一个参数是无效路径
我有一个带有Firebase的小应用程序,我正在实施CRUD操作。当我不得不删除帖子时,问题就来了。我收到以下错误:Javascript 错误:Reference.child失败:第一个参数是无效路径,javascript,angular,firebase,firebase-realtime-database,angularfire,Javascript,Angular,Firebase,Firebase Realtime Database,Angularfire,我有一个带有Firebase的小应用程序,我正在实施CRUD操作。当我不得不删除帖子时,问题就来了。我收到以下错误:错误:Reference.child失败:第一个参数是无效路径 以下是服务代码: createReview(review) { return this.db.list('/reviews').push(review) } getReviews(){ return this.db.list('/reviews'); } deleteReview(id:any){ co
错误:Reference.child失败:第一个参数是无效路径
以下是服务代码:
createReview(review) {
return this.db.list('/reviews').push(review)
}
getReviews(){
return this.db.list('/reviews');
}
deleteReview(id:any){
console.log(id)
this.db.object('/reviews/' + id).remove();
}
组件TS
delete(review) {
console.log(review)
this.movieService.deleteReview(review)
}
HTML
编辑:package.JSON@Frank van Puffelen
{
"name": "MoviesDB",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/animations": "~8.1.0",
"@angular/common": "~8.1.0",
"@angular/compiler": "~8.1.0",
"@angular/core": "~8.1.0",
"@angular/fire": "^5.4.2",
"@angular/forms": "~8.1.0",
"@angular/http": "^7.2.15",
"@angular/platform-browser": "~8.1.0",
"@angular/platform-browser-dynamic": "~8.1.0",
"@angular/router": "~8.1.0",
"@auth0/angular-jwt": "^3.0.1",
"@fortawesome/angular-fontawesome": "^0.5.0",
"@fortawesome/fontawesome-svg-core": "^1.2.27",
"@fortawesome/free-solid-svg-icons": "^5.12.1",
"@ng-bootstrap/ng-bootstrap": "^5.1.4",
"angular-jwt": "^0.1.11",
"angular2-jwt": "^0.2.3",
"bootstrap": "^4.4.1",
"firebase": "^7.9.1",
"jsonwebtoken": "^8.5.1",
"mongoose": "^5.8.1",
"ng-starrating": "^1.0.11",
"ng2-validation": "^4.2.0",
"ngx-embed-video": "^1.0.4",
"rxjs": "~6.4.0",
"rxjs-compat": "^6.5.3",
"simple-oauth2": "^3.1.0",
"source-map": "^0.7.3",
"tslib": "^1.9.0",
"zone.js": "~0.9.1"
},
"devDependencies": {
"@angular-devkit/build-angular": "^0.801.3",
"@angular/cli": "~8.1.0",
"@angular/compiler-cli": "~8.1.0",
"@angular/language-service": "~8.1.0",
"@types/jasmine": "~3.3.8",
"@types/jasminewd2": "~2.0.3",
"@types/node": "~8.9.4",
"codelyzer": "^5.2.0",
"jasmine-core": "~3.4.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~4.1.0",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.1",
"karma-jasmine": "~2.0.1",
"karma-jasmine-html-reporter": "^1.4.0",
"protractor": "~5.4.0",
"ts-node": "~7.0.0",
"tslint": "~5.15.0",
"typescript": "~3.4.3"
}
}
您似乎正在将
p
的含义从post
更改为id
。假设每个post
都有一个id
属性,您可能需要:
delete(post) {
this.postService.deletePost(post.id)
}
@弗兰克·范·帕夫伦
快照机会()是解决方案。此方法从firebase中要删除的节点返回id。因此,在服务中,我得到如下评论:
getReviews() {
return this.db.list('/reviews').snapshotChanges();
}
HTML应该是
<button (click)="delete(r.key)" class="btn btn-danger">Delete</button>
没有错误,但是帖子仍然是@Frank van Puffele,如果我在服务上记录id,它是未定义的,所以这就是为什么什么都没有发生我需要获取uid吗?我不知道为什么你需要在这里获取uid。我回答的第一行有意义吗?您似乎将
post
解释为一个id
,这是行不通的。我的代码只是一个猜测,你可能会如何修复它,但隐式转换几乎是肯定的。对不起,是的,我知道它,但我不能使它工作,或者我得到了错误,或者我得到了undefinedGood听到你找到了解决方案!
getReviews() {
return this.db.list('/reviews').snapshotChanges();
}
<button (click)="delete(r.key)" class="btn btn-danger">Delete</button>
deleteReview(id: any) {
console.log(id)
this.db.object('reviews/' + id).remove();
}