在Angular与ASP.NET Core WebAPI中使用模型绑定来处理模糊模型的问题。
首先,在Angular中定义一个模糊模型:
export interface FuzzyModel {
fuzzyProperty: string;
}
然后,在Angular的组件中发送HTTP请求到ASP.NET Core WebAPI:
import { HttpClient } from '@angular/common/http';
import { FuzzyModel } from './fuzzy-model';
@Component({
selector: 'app-my-component',
template: `
`
})
export class MyComponent {
constructor(private http: HttpClient) {}
sendRequest() {
const model: FuzzyModel = {
fuzzyProperty: 'Hello World'
};
this.http.post('/api/my-endpoint', model).subscribe(response => {
console.log(response);
});
}
}
接下来,在ASP.NET Core WebAPI中创建一个控制器来处理该请求:
[ApiController]
[Route("api/[controller]")]
public class MyController : ControllerBase
{
[HttpPost("my-endpoint")]
public IActionResult MyEndpoint([FromBody] FuzzyModel model)
{
// 处理模糊模型
// ...
return Ok("Success");
}
}
在ASP.NET Core WebAPI的Startup.cs文件中添加以下配置:
public void ConfigureServices(IServiceCollection services)
{
services.AddControllers().AddNewtonsoftJson();
// ...
}
public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
// ...
app.UseRouting();
// ...
app.UseEndpoints(endpoints =>
{
endpoints.MapControllers();
});
}
以上代码示例展示了如何在Angular和ASP.NET Core WebAPI中处理模糊模型。在Angular中,我们定义了一个模糊模型,并使用HttpClient发送HTTP请求到ASP.NET Core WebAPI。在ASP.NET Core WebAPI中,我们创建了一个控制器来处理该请求,并使用模型绑定来接收和处理模糊模型。
上一篇:Angular与API网关,POST请求遭到了跨站资源共享(CORS)的阻止。
下一篇:Angular与aspnet core - [HttpGet]和[HttpGet(" [action] ")之间有什么区别?