How to hide a button in Ionic / Angular after it is clicked with ng-click?

Question

I have a button, normal, with an ng-click calling a function:

<button class="button button-full button-balanced" ng-click="fechaPedido(pedido.observacao )">
        FINALIZAR PEDIDO
    </button>

I would like the button to be deactivated after clicking until the function is completed. Why users keep clicking on the button and repeating its actions.

Or is there another way?

Thank you.

Answer 1

I decided to add $ionicLoading.show(); in the starting function and $ionicLoading.Hide(); at the end of the function.