如何解决如何在Angular的json-server上运行的JSON文件中放置传入数据?
这是我在json服务器上运行的JSON文件的一部分。
{
"mood": [
{
"id": "1","text": "Annoyed","cols": 1,"rows": 2,"color": "lightgreen","route": "/angry","musics": [
{
"id": "0","name": "English- Heaven's Peace","image": "images/music.png","link": "https://www.youtube.com/playlist?list=PLPfXrbtn3EgleopO8DiEdsNKgqYZZSEKF","descpription": "Tunes that soothe your pained soul","reviews": [
{
"name": "abc","rating": 4,"review": "energetic","date": ""
}
]
},{
"id": "1","name": "English- Hell's Fire","link": "https://www.youtube.com/playlist?list=PLPfXrbtn3EgmZitRQf1X1iYwWW_nUF44L","descpription": "Beats that match the ones of your heart","rating": 3.5,"date": ""
}
]
}
]
}
]
}
还有一个提交功能,该功能会将我新输入的评论放在json文件的“音乐”部分下的“评论”部分。
onSubmit() {
this.review = this.reviewForm.value;
this.review.date = new Date().toISOString();
this.music.reviews.push(this.review);
console.log(this.review);
this.moodservice.putMood(this.mood).subscribe(mood => {
this.mood=mood;
},errmess => {
this.mood = null; this.errMess = <any>errmess;}
);
}
我在mood.services.ts中创建了一个服务,该服务应将更改发送到JSON服务器
putMood(mood: Mood): Observable<Mood> {
const httpOptions = {
headers: new HttpHeaders({
'Content-Type': 'application/json'
})
};
return this.http.put<Mood>(baseURL + 'moods/' + mood.id,mood,httpOptions)
.pipe(catchError(this.processHTTPMsgService.handleError));
}
提交控制台后,控制台显示需要发送给评论但无法访问json文件并在那里进行永久更改的正确值。请帮忙。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。