“Error: Invalid argument.” on IE11

Question

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 completeOutstandingRequest (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

Answer 1

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 .

Answer 2

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

Answer 3

我遇到了这个问题，这是因为我以两种不同的方式设置元素的内容：

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