Angular PUT 请求 - 未找到 URL

Question

我正在尝试通过放置请求更新文本。

我的 HTML 收集了要更新的新值：

<div class="container">
    <div class="row">
        <div class="col-sm-12">
            <div class="card bg-light mb-3" *ngFor ="let review of webService.review | async">
                <div class="card-header">
                    Review by {{ review.username }}
                    on {{ review.date | date }}
                </div>
                <div class="card-body">
                    {{ review.text }}
                    <br>
                    <input [(ngModel)]="text">
                </div>
                <div class="card-body">
                    {{ review.stars }} stars
                </div>
                <div class="card-footer">
                    <button class="btn btn-primary" routerLink="/reviews" routerLinkActive="active" (click)="onDelete()">Delete</button>
                    <button class="btn btn-primary" id="editbtn" (click)="onEdit()">Edit</button>
                </div>
            </div>
        </div> <!-- col -->
    </div> <!-- row -->
</div> <!-- container -->

我提交数据时调用的函数

    onEdit(){
        this.webService.editReview(this.text);
        console.log(this.text);
    }

我的 web.service.ts 文件

editReview(reviewID) {
        let postData = new FormData();
        postData.append("text", this.text);

        return this.http.put(
            'http://localhost:5000/api/v1.0/movies/' +
                this.movieID + '/reviews/' + this.reviewID, postData
                ).subscribe(response => {
                    console.log("Edit - Success");
                    }
                )
            }

Answer 1

如评论中所述，请在组件中进行订阅和成功/错误处理。

    onEdit(){
        this.webService.editReview(this.text)
        .subscribe(response => {
            console.log("Edit - Success");
            console.log(this.text);
        });  
     }

     //webservice part
     editReview(reviewID) {
        let postData = new FormData();
        postData.append("text", this.text);
        return this.http.put(
           'http://localhost:5000/api/v1.0/movies/' +
           this.movieID + '/reviews/' + this.reviewID, postData
        )
     }

Answer 2

需要订阅Observables才能开始处理

    onEdit(){
        this.webService.editReview(this.text).subscribe(console.log);
        console.log(this.text);
    }

在服务中只返回 Observable

    editReview(reviewID) {
      let postData = new FormData();
      postData.append("text", this.text);

      return this.http.put(
          'http://localhost:5000/api/v1.0/movies/' +
                    this.movieID + '/reviews/' + this.reviewID, postData
                    )
    }