微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何在Angular的json-server上运行的JSON文件中放置传入数据?

如何解决如何在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 举报,一经查实,本站将立刻删除。