Angular 6：使用 ID 将数据添加到数据库

Question

我有一个应用程序只显示来自外部 api 的电影，所以我在我的应用程序中添加了单个电影的评论部分，我的问题是当用户在名为 "TITANIC" 的电影中输入评论时 我可以看到添加到所有电影的评论This is wrong，我想要的是添加到电影的评论 TITANIC 不应该显示到其他电影。

这是我所拥有的：

server.js 更新

router.post('/comments', function(req, res) {
  var comment = new Comments(req.body);
  comment.save()
   .then(item => {
   res.status(200).json({'comment': 'comment added successfully'});
   })
   .catch(err => {
   res.status(400).send("unable to save to database");
   });

});

service.js

  // Adds comments
      addReview(author, description): Observable<any> {
        const uri = 'http://localhost:8000/movies/comments/';
        const obj = {
          author: author,
          description: description
        };
        return this.http.post(uri, obj);
      }

  // Return Comments
  getComments(id: string): Observable<any> {
    const url = `${apiUrl + this.commentsUrl}/${id}`;
    return this.http.get(url, httpOptions).pipe(
      map(this.extractData),
      catchError(this.handleError));
  }

组件.ts

addReview(author, description) {
    this.moviesService.addReview(author, description).subscribe(success => {
        this.flashMessages.show('You are data we succesfully submitted', { cssClass: 'alert-success', timeout: 3000 });
        // get the id
        this.activeRouter.params.subscribe((params) => {
          // tslint:disable-next-line:prefer-const
          let id = params['id'];
          this.moviesService.getComments(id)
            .subscribe(comments => {
              console.log(comments);
              this.comments = comments;
            });
        });
    }, error => {
        this.flashMessages.show('Something went wrong', { cssClass: 'alert-danger', timeout: 3000 });
    });
}

问题

我的代码中缺少什么？

Answer 1

您应该 /post 到特定的电影 ID，例如，在其 cmets 字段数组下添加新评论。

另外，使用 /cmets 是一种不好的做法，因为您真正想要的是发布到带有附加评论的特定电影。类似于以下内容：

router.post('/movie/:id/newcomment:', function(req, res) {
  Movie.findOne({ _id: req.params.id })
      .then(movie => {
         movie.comments.push(req.body.comment);
         movie.save();
             .then(result => {
             res.status(200).json({'message': 'comment added successfully'});})
             .catch(err => {
              res.status(400).send("unable to save to database");
            });
        }
});

但这里的主要问题是你误解了你到底需要做什么。

您从现有 API 获取数据，但您希望从获取的数据中将特定 cmets 添加到特定电影。

如果不完全控制您的外部 API，您将无法实现它。

您实际上可以做的是构建一个客户端数据结构来保存所有获取的数据，然后向该数据结构内的每个电影对象添加另一个名为 cmets 的属性和一个 ID 属性，以便您以后可以通过 ID 访问该数据结构并更新特定属性。

Answer 2

1) 将对应的电影 id 添加到 POST 请求中添加新评论。

addReview(movieId, author, description): Observable<any> {
        const obj = {movieId, author, description};

2) 当您通过电影 ID 向 cmets 请求电影时，请在数据库查询中使用 movieId（取决于您的数据库和 ORM）

如果你使用的是 mongodb 和 mongoose，它会是这样的：

router.get('/comments/:movieId', function(req, res) {
  const movieId= request.params.movieId;
  Comments.find({ movieId });