2017-07-25 147 views
1

当在按钮中使用ng-click时,IE遇到问题。 我想从弹簧控制器重新加载数据,只要用户点击在Chrome中工作正常的按钮,但不在IE11中。 问题是当页面加载数据显示在网页上时,单击刷新数据按钮时,它将通过点击弹出控制器来重新加载数据,而该控制器在IE中不工作。在IE中,当用户点击一个按钮时,它将触及角度控制器以及服务方法,但不会触及弹簧控制器。但是当开发人员工具打开时,它将触及弹簧控制器。下面在IE11中测试时无法击中弹簧控制器

实施例: HTML代码:

<div ng-controller="loadingSampleCtrl"> 
     <button class="btn btn-primary" type="button" ng-click="loadOrRefreshData()">Reload</button> 
{{myData.empName}} /* This is printed in chrome as well as in IE with developer tools opened*/ 
    </div> 

js代码:

myApp.controller('loadingSampleCtrl', function ($scope, MyService) { 
    $scope.loadData = function() { 
    $scope.loading = true; 
     MyService.testData().then(
      function (response) { 
       alert("response back from spring controllerf"); 
       if(window.navigator.msSaveOrOpenBlob){ 
        $scope.IEBrowser = true; 
        $scope.myData = response; 
        /* $timeout(function() { 
        $scope.pdfName = response; 
        }, 0);*/ 
       } else { 
        $scope.IEBrowser = false; 
        $scope.myData = response; 
       } 
      }, 
      function (errResponse) { 
       $rootScope.showError("Internal error" + errResponse); 
      }); 
    } 
    $scope.testData(); 
}); 

//service call 
    _myService.testData = function(){ 
      alert("service call");//this alert is visible in IE 
      var deferred = $q.defer(); 
     var repUrl = myAppURL+'/myDataToRead/getData.form'; 
     $http.get(repUrl).then(
       function (response) { 
        deferred.resolve(response.data); 
       }, 
       function(errResponse){ 

        deferred.reject(errResponse); 
       } 
      ); 
     return deferred.promise; 
    } 

弹簧控制器:

@RequestMapping(value = "/getData", method = RequestMethod.GET,produces = MediaType.APPLICATION_JSON_VALUE) 
    public @ResponseBody 
    List<String> getMyData(HttpServletRequest request) throws Exception { 
     System.out.println("In MyDataController"); //not printed in IE when tested without developer tools 
    //logic here 
    //return statement 
} 

任何建议将是有帮助的。

+0

任何一个人都面临同样的问题,如上所述? – DIM

+0

不明白为什么在'service'中创建的URL与为Spring控制器声明的'@ RequestMapping'不匹配。该URL应该是'var repUrl = myAppURL +'/ getData';'。在调用弹簧控制器时,还要检查IE开发人员有关记录错误的工具 –

回答

0

我检查你的网址var repUrl = yAppURL+'/myDataToRead/getData.form';,我这个问题是你是不是地图控制器的路径。你只能用/getData来映射你的方法。您需要在控制器中使用@RequestMapping注释。你可以参考下面的代码:

@RestController 
@RequestMapping("/myDataToRead")