How can we display message when we click some element button that server is loading

Question

I had a web page that contain sum button. So when i click on that button the message "is loading " should be displayed. How to do that?

Answer 1

hey kartik,

 As $route is used for deep-linking URLs to controllers and views (HTML partials). It watches $location.url() and tries to map the path to an existing route definition.

Requires the ngRoute module to be installed.

You can define routes through $routeProvider's API.

The $route service is typically used in combined with the ngView directive and the $routeParam service.

So you can add $scope.isLoading="true" statement to identify that you make a request to web server and display message as you want.  Example mark up code to display message is given below:

<div ng-show=" isLoading=="true">
         <span> Loading......please wait...........</span>
</div>

<div ng-show="isLoading=="false">
       Sum result={{ result}}

</div>

From above it is seen that if isLoading is true means you had make a request so it display the meassage and after completing the request it displayed the result.

[Note]: IsLoading condition true and false should be placed before and after of the controller of the sum.