如何在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 (将#修改为@)