AngularJS:如何向用户显示服务器中正在发生的长进程的状态?

时间:2019-01-21 01:15:28

标签: javascript asp.net angularjs

首先,让我告诉您我对AngularJS还是很陌生。

我的AngularJS页面上有一个按钮。按下时,它要求服务器(ASP.Net应用程序)执行大约40-80秒才能完成的过程。进程大约每隔response.Flush返回一次有关进程的状态。

我想在弹出窗口中向用户显示状态,并将文本实时传递到前端。在AngularJS页面上可以做到这一点吗?

这是我的AngularJS html页面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html ng-app="myapp" xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
     <div class="r_Div3_MainContent" ng-view>
     </div>
     <script src="codes/app.js" type="text/javascript"></script>

</body>
</html>

还有app.js文件

var app = angular.module('myapp', ['ngRoute']);
app.config(function($routeProvider) {
  $routeProvider
  .when('/home', {
    templateUrl : 'partials/Home.htm',
    controller  : 'HomeController'
  })
  .otherwise({redirectTo: '/home'});
});
app.controller('HomeController', function($scope){
// include the code to send the request to the server and show the status...
});

提前谢谢

0 个答案:

没有答案