Question

我的问题是删除功能不起作用。

在后端，我有一个运行正常的简单PSQL查询。如果我通过邮递员进行测试，则删除所需的表格行。问题在于该按钮不起作用。我认为会有精选的东西...

如果您对这种方法有更好的想法，请发表评论。我只需要按钮调用后端函数，该函数将从PSQL表中删除选定的行。

前端：

服务：

deleteImportantNote(id){
        return this.http.delete('http://localhost:3000/api/deleteimportantnote'+id )
            .map(res => res.json());
    }

组件：

deleteImportantNote(comment){
  var comments = this.comment_text;

  this.dashboardimportantnoteService.deleteImportantNote(comment.id)
    .subscribe(comment => {
      if(comment.n == 1){
        for(var i = 0; i < comments.length; i++){
          if(comments[i].id == comment.id){
            comments.splice(i, 1);
          }
        }
      }
    })
}

评论表：

导出类评论{

 comment_text: string;
 country: string;
 username: string;
 id:number;
 public selected: string;

}

HTML：

    <div *ngFor="let comment of comment.comment ">
        <div *ngIf="comment.country === 'USA'">
          <mat-list>
               <b>ID:</b>{{comment.id}} <b>USER:</b>{{comment.username}} <b>COMMENT:</b> {{comment.comment_text}} <b>COUNTRY:</b>{{comment.country}} <button mat-raised-button (click)="deleteImportantNote(); ngOnInit()">Delete</button>
            </mat-list>     
        </div>
    </div>
  </mat-card-content>

Angular 4删除后端请求

0 个答案: