2

我在后端有这个 url，需要像参数一样传递 c1，c1 只是一个例子，这个方法启用或禁用用户并返回“ok”

http://127.0.0.1:8000/admin/enable_disable_account?name=c1

该值取自按钮

<div *ngFor='let userInfo of users'>
 <ul class="list-group">
    <li class="list-group-item">username -> {{userInfo["username"]}}</li>
    <li class="list-group-item">email -> {{userInfo["email"]}}</li>
    <li class="list-group-item">enable/disable -> {{userInfo["enable"]}}</li>
 </ul>
  <button class="btn btn-primary" (click)="setValor(userInfo['username'])">Enable/Disable</button>   
</div>

组件管理点击事件的方法

    setValor(username): void {
    console.log("click")
    this.adminServ.updateStateUser(username)
    .subscribe(data => {
      
      console.log(data)
    },
    err => {
      console.log("error")
      console.error(err)
    })
  }

以及服务中的方法

    public updateStateUser(username): Observable<any> {
    let params = new HttpParams()
      .append('name', username)      
    return this.http.post('http://127.0.0.1:8000/admin/enable_disable_account', params)
  }

我有这个错误，有什么问题？ 在此处输入图像描述

把后端的方法复制到这里，不知道找问题重不重要，用FastAPI做的

@router.post("/enable_disable_account")
async def enable_disable_account(name: str, current_user: User =   Security(get_current_user, scopes=["admin"])):           
  result = await admin_db.enable_disable_account(name)
  if result:
    return JSONResponse(status_code=status.HTTP_200_OK,
                        content='ok')
4

1 回答 1

1 
this.http.post('http://127.0.0.1:8000/admin/enable_disable_account', params)

这条线是不正确的。

Angularhttp客户端post方法第二个参数是body，第三个参数是options。

当你想设置query和传递时，params你需要作为第三个参数传递。而且你必须不仅仅是作为一个对象发送HttpParams。 Angular Http 客户端 API 参考

this.http.post('http://127.0.0.1:8000/admin/enable_disable_account',null ,{
params: params
})
于 2021-09-21T02:09:31.167 回答