Angular 7向ASP.NET服务器发送两个或更多参数

Question

我是Angular的新手，我使用Angular 7作为客户端，ASP.NET作为服务器端。

我想传递2个以上的参数。我成功发送了一个参数。

这是我的Angular服务方法，它发送2个参数：

validate_user(user : Users, active: boolean): Observable<UsersError> {
    console.log(user);

    return this.http.post<UsersError>(this.users, user, active);
}

这是我的ASP.NET post方法：

public UsersError Post([FromBody] sp_GetUsers_Result user, bool active)
{
        UsersError u = new UsersError
        {
            UserName = "Username Invalid",
            Password = "Password Invalid"
        };

        return u;
}

我知道我可以将参数包装到一个对象中并将其作为一个发送，但我想知道有没有办法用两个或更多参数（对象）来完成它。

我尝试使用各种组合的HttpParams，但没有任何效果。

Answer 1

.post中的第三个参数是httpOptions：

例：

const httpOptions = {
  headers: new HttpHeaders({
    'Content-Type':  'application/json',
    'Authorization': 'my-auth-token'
  })
};

所以你需要改变这一行：

return this.http.post<UsersError>(this.users, user, active);

active应该作为参数发送

关于asp.net：提交/发布必须与控制器中的对象匹配。

Asp.net将采取身体参数并将尝试将它们匹配到控制器参数（fromBody）。你不能将它与另一个参数（*）混合。

简而言之，您必须将active添加到服务器中的新模型中。

*你可以，但它需要一些其他的黑客 - 就像我建造的：https://github.com/RoyiNamir/SimplePostVariableParameterBindingExtended

Answer 2

BundleTypeAttributeView(users: string, Active: boolean, ): Observable<any> {
    const params = new HttpParams().set('users', users).set("Active", Active);
    return this.http.get<any>(this.endPoint + 'bundleTypeAttributes', { params });
}