爲什麼我的頁面在model.close（）之後重新加載？

Question

我有以下問題：

1-當我的模型打開後，點擊'取消'關閉它，它重新加載頁面。當我點擊'確定'時，我的'刪除' - 請求不會被髮送到服務器（它不會收到任何東西），並且頁面被重新加載。我也沒有重定向到我打算去的頁面。

HTML

<div> 
    <input type="button" class="btn btn-primary" ng-click="suppr()" value="ok"/> 
    <input type="button" class="btn btn-default" ng-click="annulSupp()" value="cancel" /> 
    </div> 

文件JS

(function() { 
    'use strict'; 

    var progress = angular.module('demret.progress', ['ui.bootstrap.modal']); 


    progress.directive('progressDem', function() { 
     return { 
      restrict : 'E', 
      templateUrl : "progress/progress.html", 
      controller : [ '$scope', '$http', 'Demande', '$window', '$modal', function($scope, $http, Demande, $window, $modal) { 
       // TODO 

       $scope.supprimerDemande = function() { 

        var urlSetDem = cfg.urlDDRRest + 'demande/' + Demande.get().id; 
        var config = { 
         method : 'DELETE', 
         url : urlSetDem, 
         jsonExpected : true 
        }; 
        $http(config).then(function(http) { 
         $window.location.href = cfg.urlPortail; 
        })['catch'](function(http) { 
         $scope.errT= 'Une erreur technique'; 
        })['finally'](function() { 
        }); 
       } 

       // ========================================== 
       // open fenetre modal 
       // ========================================== 
       $scope.modalSuppressionDem = function(size) { 
        // déclaration de la fenetre 
        var modalInstance = $modal.open({ 
         animation : true, 
         templateUrl : 'progress/suppression-modal.html', 
         controller : 'ModalSuppressionDem', 
         size : size, 
         backdrop : 'static', 
         resolve : { 
          functionSupp : function() { 
           return $scope.supprimerDemande; 
          } 
         } 
        }); 
        modalInstance.result.then(function() { 
         // close 
        }); 
       }; 

      } ] 
     } 
    }); 


    // Controleur de la fenetre modale 
    progress.controller('ModalSuppressionDem', [ '$scope', '$modalInstance', 'functionSupp', function($scope, $modalInstance, functionSupp) { 
     $scope.suppr = function() { 
      functionSupp(); 
      $modalInstance.close(); 
     }; 
     $scope.annulSupp = function() { 
      $modalInstance.close(); 
     }; 
    } ]); 

})(); 

config.js

(function() { 
    'use strict'; 
    window.cfg = { 

     urlDDRRest : '/TOTO-rs/api/', 
     urlPortail : '/TOTO/', 

    }; 
})(); 

有誰知道爲什麼這個Happe的NS？

預先感謝您！

Answer 1

試試這個：

更換

<input type="button" class="btn btn-default" ng-click="annulSupp()" value="cancel" /> 

與

<input type="button" class="btn btn-default" ng-click="annulSupp($event)" value="cancel" /> 

和替換$ scope.annulSupp（）函數與下面的代碼

$scope.annulSupp = function(event) { 
     event.preventDefault(); 
     $modalInstance.close(); 
};