Angular-material table分页在IE 10中不起作用

时间:2018-01-15 10:37:50

标签: html css angular angular-material2

我在角度(4.4.4)应用程序中使用角度材质的组件。但是,桌子的分页(mat-paginatior)出现故障。下一个和上一个按钮似乎被禁用。此问题仅在IE 10中出现。

根据文档,angular-material应支持n-1个浏览器,这意味着IE 10也在列表中。但很明显,库不适用于它。

是否有任何修复或polyfill使组件在IE 10中正常工作?

3 个答案:

答案 0 :(得分:0)

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

The Angular Material 2 github notes the following

  

浏览器和屏幕阅读器支持

     

Angular Material支持所有主流浏览器的最新两个版本:Chrome(包括Android),Firefox,Safari(包括iOS)和IE11 / Edge

IE11和Edge(但不是IE10或更少)

答案 1 :(得分:0)

所以,正如我所见-角形材质不支持--IE10,仅支持IE11 +。

issue about it and answer

another issue and answer

答案 2 :(得分:0)

在全局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;
  }
}