How to add a spinner while loading the content in AngularJS?

Question

I am using button spinner while loading the content, when the user clicks on the \"Search\" button content will load, at this time buttonLabel will be changed t

Answer 1

     
        
        {{ searchButtonText }}
    

All you need to do is use ng-show or ng-hide directives.

ng-show="expression"

this span will only be visible when searchButtonText will be equal to a string 'Searching'.

You should learn more about angular's directives. They'll be useful in future.

Good luck.

Demo http://jsfiddle.net/xc6nx235/16/