Angular 2 / .NET核心进度条

时间:2018-04-24 07:28:41

标签: c# angular api .net-core progress-bar

我正在进行此项目,我可以通过Angular 2 site拨打电话来创建一些Entity entries in my databasebackend API大约需要2分钟才能完成作业,然后返回结果。

目前我正在我的前端显示加载动画,以便用户知道某些事情仍然存在。但由于需要时间,我想将其更改为progress bar

我知道我可以使用Angular Material来实现进度条,我可以使用值来更新它以显示进度。 我的问题是:

在调用后端API之后,如何向我的前端发送更新(一种计数器++的东西)以更新进度条?

// PUT: api/admin/lorem
[HttpPut]
[Route("route")]
public async Task<IActionResult> CreateAndCalculateStuff([FromBody]Model model) {
    var lorem = await ipsum(model);
    return NoContent(); 
    // NoContent is currently a placeholder, I want to place my counter++ here
}

1 个答案:

答案 0 :(得分:-1)

我最近看到一个这样的例子看起来有点不对,但我猜它有用。该示例使用了两个函数;一个启动初始功能,另一个请求该功能的状态。因此,在CreateAndCalculateStuff()中,您可以更新全局变量,然后在第二个中返回该全局变量。