角材料表分页在 IE 10 中不起作用

Question

我在我的 angular(4.4.4) 应用程序中使用了 angular-material 的组件。 但是，表格的分页 (mat-pagination) 出现故障。 下一个和上一个按钮似乎被禁用。 此问题仅在 IE 10 中。

根据文档，angular-material 应该支持 n-1 浏览器，这意味着 IE 10 也在列表中。 但是很明显，库在其中不起作用。

是否有任何修复程序或 polyfill 可以使组件在 IE 10 中正常工作？

Answer 1

在全局 scss 中添加此样式，分页器将正常工作：D

// IE 10

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  // bug with pagination in table
  .mat-button-focus-overlay, .mat-ripple.mat-button-ripple {
    display: none;
  }
}

Answer 2

如果您打开polyfills.ts并导入所有需要取消注释的 IE10 行，以及npm install --save classlist.js和web-animations-js ，它仍然不起作用，那么它可能不兼容。

Angular Material 2 github 注释如下

浏览器和屏幕阅读器支持

Angular Material 支持所有主流浏览器的最新两个版本：Chrome（包括 Android）、Firefox、Safari（包括 iOS）和 IE11/Edge

IE11 和 Edge（但不是 IE10 或更低版本）

Answer 3

所以，正如我所见 - 角材料不支持 --IE10，仅支持 IE11+。

关于它的问题并回答

另一个问题和答案