无法使用ng-click执行角度控制器内部的功能

Question

I have a modal that supposedly force logouts the user when he clicks the Ok. The problem is the function inside my ng-click is not executing at all. Here's my codes

Modal HTML:

<!-- Modal content-->
<div class="col-md-12 col-xs-12">
   <div class="col-md-12 col-xs-12 text-left" style="margin-top: 40px;">
       <div>
          {{MessageHead}}
       </div>
    <div style="font-family: RobotoRegular; color: #7d7d7d;">
        {{MessageDetails}}
    </div>
    <div class="pull-right putCursor" ng-click="forceLogoutUserOK()"
         style="margin-top: 20px; margin-right: 15px;">
        OK
    </div>
  </div>
</div>

CONTROLLER:

app.controller('ExpiredSessionController', ['$scope', '$http', '$location', 'ErrorType', function($scope, $http, $location, ErrorType) {
   $scope.MessageHead = "Session Expired";
   $scope.MessageDetails = "Please login again.";

   console.log("Entered expired controllers");
   $scope.forceLogoutUserOK = function() {
       console.log("Clicked..");
       $scope.$modalInstanceForceLogout.dismiss('cancel');
       $location.path("/login");
   };

   switch (ErrorType) {
       case "EXPIRED":
           $scope.MessageHead = "Session Expired";
           $scope.MessageDetails = "Please login again.";
           break;
       case "INVALIDTIME":
           $scope.MessageHead = "Invalid Session";
           $scope.MessageDetails = "Please check your PC Date/Time.";
           break;
       default:
           $scope.MessageHead = "Something went wrong in your Session";
           $scope.MessageDetails = "Please login again.";
   };
}]);

Function that calls the modal:

function forceLogOutUser($scope, $cookies, $http, $uibModal, errorType) {
     removeAllCookies($cookies);
     $scope.$modalInstanceForceLogout = $uibModal.open({
         scope: $scope,
         templateUrl: 'views/modals/expired-session.modal.html?v='+VERSION_NUMBER,
         controller: 'ExpiredSessionController',
         windowClass: 'expired-session-modal',
         backdrop: 'static',
         keyboard: false,
         resolve: {
             ErrorType: function () {
                 return errorType;
             }
         }
     });
 };

Anyone knows what's the problem with my code?

Edit: There's no error coming from the dev console as well so i'm really confused. NOTE: forceLogOutUser() is the function that calls the modal while forceLogOutUserOK() is the function inside my controller. Theyre not the same

Answer 1

$scope.$modalInstanceForceLogout = function() {
     $uibModal.open({
         scope: $scope,
         templateUrl: 'views/modals/expired-session.modal.html?v='+VERSION_NUMBER,
         controller: 'ExpiredSessionController',
         windowClass: 'expired-session-modal',
         backdrop: 'static',
         keyboard: false,
         resolve: {
             ErrorType: function () {
                 return errorType;
             }
         }
     });
}

On ng-click, call cancel()

In controller, pass $modalInstance to your controller

$scope.cancel = function() {
    $modalInstance.dismiss('cancel');
};