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
}
任何建议将是有帮助的。
任何一个人都面临同样的问题,如上所述? – DIM
不明白为什么在'service'中创建的URL与为Spring控制器声明的'@ RequestMapping'不匹配。该URL应该是'var repUrl = myAppURL +'/ getData';'。在调用弹簧控制器时,还要检查IE开发人员有关记录错误的工具 –