$http.jsonp error : Failed to execute 'removeChild' on 'Node': The node to
be removed is not a child of this node.
Hi,
I upgrade my angular Js version to 1.6.7 from 1.2.8. I rewrote my
jsonp call. I am able to get the jsonp response. But while rendering the
details to UI, angularJs throws some exception. Please find the stack trace
below. Let me know if you have any thoughts on this.
Code:
function loadContent ( main, sub ) {
// main and sub are url
var myModuleVariable = angular.module("myAPP", [ 'ngSanitize' ]);
myModuleVariable.controller('mainController',[ '$scope', '$http', '$sce' ,
function mainController ($scope, $http , $sce) {
//debugger;
$http.jsonp($sce.trustAsResourceUrl(main),{jsonpCallbackParam:
'callback'}).
then(function onSuccess(response) {
//$scope.SubData= data;
$scope.appmain = response.data;
$scope.myAPPNotificatation =$scope.appmain[0].notification;
$scope.myTest =$scope.app main[0].description;
} ,function onError(response) {
//$scope.data = "Request failed";
$scope.error ="Something went wrong";
});
}]);
myModuleVariable.controller("subController", [ '$scope', '$http', '$sce' ,
function subController($scope,$http, $sce)
{
$http.jsonp( $sce.trustAsResourceUrl(sub),{jsonpCallbackParam:
'callback'}).then(function onSuccess(response) {
$scope.SubData= response.data;
}, function onError(response) {
//$scope.data = "Request failed";
$scope.error ="Something went wrong";
});
}]);
}
Exception:
angular-1.6.7.js:12880 Uncaught DOMException: Failed to execute
'removeChild' on 'Node': The node to be removed is not a child of this node.
at HTMLScriptElement.callback
(https://localhost:8080/myapp/js/angular-1.6.7.js:12880:24)
callback @ angular-1.6.7.js:12880
error (async)
jsonpReq @ angular-1.6.7.js:12899
(anonymous) @ angular-1.6.7.js:12746
sendReq @ angular-1.6.7.js:12564
serverRequest @ angular-1.6.7.js:12312
processQueue @ angular-1.6.7.js:17145
(anonymous) @ angular-1.6.7.js:17193
$digest @ angular-1.6.7.js:18331
$apply @ angular-1.6.7.js:18628
bootstrapApply @ angular-1.6.7.js:1958
invoke @ angular-1.6.7.js:5097
doBootstrap @ angular-1.6.7.js:1956
bootstrap @ angular-1.6.7.js:1976
angularInit @ angular-1.6.7.js:1861
(anonymous) @ angular-1.6.7.js:34186
l @ jquery-3.3.1.js:2
c @ jquery-3.3.1.js:2
setTimeout (async)
(anonymous) @ jquery-3.3.1.js:2
u @ jquery-3.3.1.js:2
fireWith @ jquery-3.3.1.js:2
fire @ jquery-3.3.1.js:2
u @ jquery-3.3.1.js:2
fireWith @ jquery-3.3.1.js:2
ready @ jquery-3.3.1.js:2
_ @ jquery-3.3.1.js:2
Kindly share your thoughts on this. Thanks.
--
You received this message because you are subscribed to the Google Groups
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
