How to disable anchor tags on http call success

Question

Can anyone help me with how to disable anchor tag on http call success and enable it on error and vice versa

This is my Html page

<a href="#" id="register_pointer" data-toggle="modal" data-target="#myModal1">
    <div class="plus">
        <i class="fa fa-2x fa-plus"></i>
    </div>
    <div class="register">
        <h4>Create</h4>
        <p>New Account</p>
    </div>
</a>

This is my controller

$scope.MqUser=[];
$scope.getMqUser = function() {
    usSpinnerService.spin('spinner-1');
    MQDetailsService.getUserDetails().success(function(data, status) {
        console.log(data);
        usSpinnerService.stop('spinner-1');
        $scope.createQ = false;
        $scope.MqUser = data;
        console.log("Success in getting the user list");
        console.log($scope.MqUser);
        //I want the anchor tag to get disabled here using angular directive.
    }).error(function(data,status){
        //I want the anchor tag to get enabled here using angular directive.
        $scope.createQ = true;
        console.log(data);
        if(status == 0){
            $scope.networkError();
        }
        else{
            $scope.fetchuserFail(data.message);
        }
        usSpinnerService.stop('spinner-1');
        console.log("Failed to load the user list "+status);
    })
}
$scope.getMqUser();

Answer 1

A pure AngularJS solution

In your success callback

.success(function(data){

    $scope.disableAnchor = true;

})

In your error callback

.error(function(data){

    $scope.disableAnchor = false;

})

Your anchor tag

<a ng-click='clickAnchor($event)' href="#your_href"> <a/>

Then in your controller

$scope.clickAnchor = function($event){

   if ($scope.disableAnchor)
         $event.preventDefault()

}

A non pure AngularJS solution

In your success callback

.success(function(data){

   $("#your_anchor").on('click',function(e){
      e.preventDefault();
      return false
    })

})

in your error callback

.error(function(data){

   $("#your_anchor").on('click',function(e){
    })

})

I recommend using Pure Angularjs solution.