I'm getting the error listed below from Angular 1.5.7 on IE11. Angular IS NOT throwing any errors on Chrome. I tried the following:

• I've seen posts suggesting this is related to the interpolated values such as "{{model.label}}", so I added an ng-if to that, but it did not help.
• Upgraded to the latest Angular: 1.5.7.

• Upgraded jquery since I see that listed in the error stack.

   Error: Invalid argument.
     at interpolateFnWatchAction (http://localhost:8080/mdp-js/app/assets/angular/angular.js:9621:17)
     at interpolateFnWatcher (http://localhost:8080/mdp-js/app/assets/angular/angular.js:12295:17)
     at watchGroupAction (http://localhost:8080/mdp-js/app/assets/angular/angular.js:16952:13)
     at Scope.prototype.$digest (http://localhost:8080/mdp-js/app/assets/angular/angular.js:17286:23)
     at Scope.prototype.$apply (http://localhost:8080/mdp-js/app/assets/angular/angular.js:17552:13)
     at Anonymous function (http://localhost:8080/mdp-js/app/assets/angular/angular.js:17850:11)
     at pleteOutstandingRequest (http://localhost:8080/mdp-js/app/assets/angular/angular.js:5955:7)
     at Anonymous function (http://localhost:8080/mdp-js/app/assets/angular/angular.js:6234:7) undefined
  

I'm getting the error listed below from Angular 1.5.7 on IE11. Angular IS NOT throwing any errors on Chrome. I tried the following:

• I've seen posts suggesting this is related to the interpolated values such as "{{model.label}}", so I added an ng-if to that, but it did not help.
• Upgraded to the latest Angular: 1.5.7.

• Upgraded jquery since I see that listed in the error stack.

   Error: Invalid argument.
     at interpolateFnWatchAction (http://localhost:8080/mdp-js/app/assets/angular/angular.js:9621:17)
     at interpolateFnWatcher (http://localhost:8080/mdp-js/app/assets/angular/angular.js:12295:17)
     at watchGroupAction (http://localhost:8080/mdp-js/app/assets/angular/angular.js:16952:13)
     at Scope.prototype.$digest (http://localhost:8080/mdp-js/app/assets/angular/angular.js:17286:23)
     at Scope.prototype.$apply (http://localhost:8080/mdp-js/app/assets/angular/angular.js:17552:13)
     at Anonymous function (http://localhost:8080/mdp-js/app/assets/angular/angular.js:17850:11)
     at pleteOutstandingRequest (http://localhost:8080/mdp-js/app/assets/angular/angular.js:5955:7)
     at Anonymous function (http://localhost:8080/mdp-js/app/assets/angular/angular.js:6234:7) undefined
  

• javascript
• angularjs
• internet-explorer

Share Follow edited Jun 21, 2016 at 14:49 Rob 15.2k3030 gold badges4848 silver badges7373 bronze badges asked Jun 21, 2016 at 14:00 Mr SmithMr Smith 3,5081010 gold badges5555 silver badges9292 bronze badges 2

• In wich directive are you using "{{model.label}}"? – adolfosrs Commented Jun 21, 2016 at 14:41
• See my answer below. It was from the Angular Block UI directive. – Mr Smith Commented Jun 21, 2016 at 16:35

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 9

This is an Angular known issue as you can see in this thread.

As suggested, when using directives such as ng-placeholder or ng-style you can workaround with ng-attr-placeholder or ng-attr-style.

For the record, this error was being caused by the Angular Block UI directive: https://github./McNull/angular-block-ui . I removed that directive & the error stopped.

I had this problem, and it was because I was setting the content of an element in two different ways:

<span ng-bind-html="functionThatGeneratesHtml()">{{ functionThatGeneratesHtml() }}</span>