AngularJS 是一个流行的前端开发框架，但是在 IE8 浏览器中使用 AngularJS 会出现许多 Bug，大部分 Bug 都是因为 IE8 不支持 HTML5 和 CSS3 特性造成的。下面我们将详细介绍 AngularJS 在 IE8 中出现的一些常见 Bug，以及相应的解决方法。
Bug 1：不支持 querySelectorAll 方法
在 IE8 中，querySelectorAll 方法不被支持，这会导致使用 AngularJS 的 ng-repeat 指令时出现问题。ng-repeat 指令会将一个数组中的每个值复制到一个 DOM 元素中，但是在 IE8 中，由于缺乏 querySelectorAll 方法，它将无法访问到相应的 DOM 元素，导致页面无法正常渲染。
解决方法：在你的页面中引入一个名为 polyfill.js 的 JavaScript 文件。这个文件会在 IE8 中添加 querySelectorAll 方法的支持。
<!--[if lte IE 8]> <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=querySelectorAll"></script> <![endif]-->
Bug 2：表单控件无法绑定
在 IE8 中，表单控件的值无法绑定到 AngularJS 的模型中。这意味着你无法使用双向绑定来更新表单控件的值。这也会导致表单验证出现问题，因为验证指令无法访问到正确的表单值。
解决方法：在你的页面中引入一个名为 angular-forms-ie8.js 的 JavaScript 文件。这个文件会添加 IE8 支持双向绑定的代码。
<!--[if lte IE 8]> <script src="angular-forms-ie8.js"></script> <![endif]-->
Bug 3：不支持 Object.defineProperty 方法
在 AngularJS 中，ng-model 指令会使用 Object.defineProperty 方法来设置模型属性。在 IE8 中，这个方法不被支持，这会导致 ng-model 指令无法正常工作。
解决方法：在你的页面中引入一个名为 angular-ie8-shims.js 的 JavaScript 文件。这个文件会添加 IE8 支持 Object.defineProperty 方法的代码。
<!--[if lte IE 8]> <script src="angular-ie8-shims.js"></script> <![endif]-->
Bug 4：不支持 window.addEventListener 方法
在 AngularJS 中，有些指令需要监听 window 中的事件，例如 ng-blur 指令。然而，在 IE8 中，window 对象不支持 addEventListener 方法。
解决方法：在你的页面中引入一个名为 angular-event-ie8.js 的 JavaScript 文件。这个文件会添加 IE8 支持 addEventListener 方法的代码。
<!--[if lte IE 8]> <script src="angular-event-ie8.js"></script> <![endif]-->
总结：对于 IE8 中出现的 AngularJS Bug，我们可以通过引入上述的一些 JavaScript 文件来解决。这些文件会添加 IE8 不支持的特性，从而使 AngularJS 在 IE8 中正常工作。同时，我们还应该尽可能地避免使用 IE8，推荐使用更先进的浏览器来开发 Web 应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6518d93195b1f8cacd11b8e3