Utilizo componentes de material angular en mi aplicación angular (4.4.4). Sin embargo, el mal funcionamiento de la paginación de la tabla (mat-paginatior). Los botones siguiente y anterior parecen estar deshabilitados. Este problema es solo en IE 10.

Según la documentación, el material angular debe admitir navegadores n-1, lo que implica que IE 10 también está en la lista. Sin embargo, es evidente que la biblioteca no funciona en ella.

¿Hay alguna solución o un polyfill para que el componente funcione correctamente en IE 10?

0
hhsb 15 ene. 2018 a las 13:37

3 respuestas

La mejor respuesta

Si abrió polyfills.ts e importó todas las líneas IE10 que requerían ser descomentadas, así como npm install --save classlist.js y web-animations-js, y todavía no funciona, entonces probablemente no sea compatible.

El github de Material angular 2 señala lo siguiente

Navegador y soporte de lector de pantalla

Angular Material admite las dos versiones más recientes de todos los principales navegadores: Chrome (incluido Android), Firefox, Safari (incluido iOS) e IE11 / Edge

IE11 y Edge (pero no IE10 o menos)

0
Iancovici 15 ene. 2018 a las 11:21

Entonces, como veo, el material angular no es compatible --IE10, solo IE11 +.

problema al respecto y respuesta

otro problema y respuesta

0
Kurkov Igor 24 nov. 2019 a las 21:54

Agregue estos estilos en scss global y el paginador funcionará correctamente: 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;
  }
}
1
Vladimir Dunaev 23 dic. 2019 a las 08:04
48261256