why button click event not fire in angular js?

could you please tell me why click event not work when loader is display on click .Actually I created a situation when I am getting data too late and try to move from this situation (try to move next page but of loader is present on screen user not able to click any button on screen ) .Please click my code pen .When loader is display user not able to click on button .Mean I am not able to show alert on button click here is my code http://codepen.io/anon/pen/mJXXZY

when I click alert is not display

angular.module('ionicApp', ['ionic'])
.controller('AppCtrl', function($scope, $timeout, $ionicLoading) {
$scope.cll=function(){
  alert("---")
}
  // Setup the loader
  $ionicLoading.show({
    content: 'Loading',
    animation: 'fade-in',
    showBackdrop: false,
    maxWidth: 200,
    showDelay: 0
  });

  // Set a timeout to clear loader, however you would actually call the $ionicLoading.hide(); method whenever everything is ready or loaded.
  $timeout(function () {
    $ionicLoading.hide();
    $scope.stooges = [{name: 'Moe'}, {name: 'Larry'}, {name: 'Curly'}];
  }, 1000000);

});