按 ID 删除行在 Asp.net 核心网站 API + Angular 9 中不起作用

Question

我试图通过将 id 从 Angular 9+ 传递到 ASP.NET Core Web API 来删除该列，但我无法访问控制器。我在这里犯了什么错误？我正在使用 table 数据来运行 SQL 查询。

控制器

[Route("api/[controller]")]
[ApiController]
public class SettlementController : ControllerBase
{
    public IConfiguration Configuration { get; }
    private readonly DatabaseContext _context;

    public SettlementController(IConfiguration configuration, DatabaseContext context)
    {
        Configuration = configuration;
        _context = context;
    }

    // Delete settlement by id
    [Route("DeleteById")]
    [HttpDelete("{id}")]
    public IActionResult DeleteSettlementById([FromBody] SettlementModel model) //sealed class of having Id only
    {
        var tid = model.Id;

        try
        {
            string sConn = Configuration["ConnectionStrings:ServerConnection"];

            using (SqlConnection con = new SqlConnection(sConn))
            {
                List<Object> objList = new List<Object>();

                // This is the stored procedure. I pass in the "Id"
                string query = "ST_PRO_DELETESETTLEMENT"; 

                using (SqlCommand cmd = new SqlCommand(query))
                {
                    cmd.CommandType = CommandType.StoredProcedure;
                    cmd.Parameters.Add("@TID", SqlDbType.VarChar).Value = tid;

                    con.Open();
                    cmd.Connection = con;

                    using (SqlDataReader reader = cmd.ExecuteReader())
                    {
                        while (reader.Read())
                        {
                            objList.Add(new
                            {
                                //TID = reader[0].ToString(),
                            });
                        }
                    }

                    con.Close();
                }

                return Ok(objList);
            }
        }
        catch (Exception ex)
        {
            throw ex;
        }
    }

settlementService.ts 文件:

 deleteSettlement(id) {
     console.log(id);
     return this.http.delete(this.BaseURL + 'Settlement/DeleteById/' + id);
 }

打字稿文件：

deleteSettle(tid) {
    console.log(tid);  // getting tid in console

    if (confirm('Are you sure to delete this record ? TID: '+ tid)) {
        this.settlementService.deleteSettlement(tid).subscribe(
            (data: any) => {
                this.toastr.success("Successfully deleted");
            },
            err => {
               if (err.status == 400)
                  this.toastr.error('Server error or bad request', 'Error');
               else
                  this.toastr.error('Failed to check data', 'Server Error');
            }
      );
   }
}

错误：

DELETE https://localhost:44372/api/Settlement/DeleteById/355 404

Answer 1

您的 route 路径已被此属性覆盖 [HttpDelete("{id}")]

所以只需删除 Route 属性并像这样添加您的属性

[HttpDelete("DeleteById/{id}")]

接下来需要去掉方法参数中的[FromBody]属性，这样写

public IActionResult DeleteSettlementById(int id)

希望对您有所帮助 - 编码愉快 :)

按 ID 删除行在 Asp.net 核心网站 API + Angular 9 中不起作用

Deleting row by id not working in Asp.net core web API + Angular 9

asp.net

asp.net-web-api

asp.net-core

angular

angular9