L'appel de renderRows() sur Angulaire de la Table de Matériaux

J'essaie d'obtenir mon Angulaire de la Table pour se rafraîchir après la mise à jour des données utilisées dans le tableau.

Les docs disent "vous pouvez déclencher une mise à jour de la table de rendu des lignes en appelant sa renderRows() la méthode à." mais ce n'est pas comme un enfant normal composant où je peux utiliser quelque chose "@ViewChild(MatSort) tri: MatSort;" car je n'ai pas l'importer.

Si je ne l'importation et à essayer quelque chose comme @ViewChild('matable') myTable: MatTableModule; ensuite j'ai une erreur qui dit que renderRows() n'existe pas sur ce type.

Comment puis-je appeler cette méthode? Merci!

Mon tableau extrait de code:

<mat-table #table [dataSource]="dataSource" myTable class="dataTable">
  • Si vous n'importez pas d'elle, comment l'utilisez-vous?
  • Hi - Avez-vous réussi à résoudre votre problème? S'il vous plaît accepter une réponse ou écrivez votre propre si elle diffère de la plupart voté un. Bonne question. +1
InformationsquelleAutor gv0000 | 2018-03-14
  1. 40

    Assurez-vous que vous importez ViewChild et MatTable:

    import {Component, ViewChild} from '@angular/core';
import {MatTable} from '@angular/material';

    Ensuite, vous pouvez obtenir une référence à la table à l'aide de la ViewChild (à noter qu'un type T est requis sur MatTable - j'ai simplement utilisé du tout, mais si vous avez tapé table, vous aurez besoin d'utiliser ce type:

    @ViewChild(MatTable) table: MatTable<any>;

    Ensuite, lorsque vous modifiez la table, vous aurez besoin d'appeler le renderRows() la méthode.

    delete(row: any): void {
  /* delete logic here */
  this.table.renderRows();
}

    Voici un très simple exemple:
    https://stackblitz.com/edit/angular-bxrahf

    Quelques sources que j'ai trouvé lors de la résolution de ce problème moi-même:

    • Si votre stackbliz l'aperçu ne fonctionne pas comme le mien n'est pas dans chrome, vous pouvez avoir 3rd party cookies bloqués. Un problème a été déposé ici: github.com/stackblitz/core/issues/162 ainsi qu'une solution de contournement posté par cvietor. -> chrome://settings/contenu/cookies -> allow -> Ajouter: [*.]stackblitz.io
    • Ce doit être la accepté de répondre. Grâce attribuer!
    • Génie! Merci. Il a travaillé
    InformationsquelleAutor Brad Lawrence
  2. 1

    @ViewChild('myTable') myTable: MatTableModule

    Vous n'êtes pas censé requête pour la chaîne. Cela permettra d'interroger la référence (défini comme <cmp #ref>). Aussi le type est faux: vous n'êtes pas d'attraper un module à partir de la vue, vous êtes saisissant un composant.

    Vous devez importer le composant que vous souhaitez interroger et de faire ce qui suit (à changer en fonction de la composante qui exactement vous avez besoin de la requête):

    @ViewChild(MatTable) matTable: MatTable

    L'argument de la ViewChild décorateur est le composant que vous souhaitez requête et le type est juste pour votre commodité-vous pu l'omettre ou de dire any, mais vous n'aurez pas toute l'aide de la Machine si vous ne le faites pas il est donc recommandé de le quitter.

    • Qui ne renvoie 'MatTable est indéfini".
    • Vous devez l'importer dans votre fichier à partir du matériau de module, s'il est encore nommé de cette façon. Quel est le composant que vous essayez pour une requête via ViewChild?
    • Je suis en essayant d'atteindre le renderRows() la méthode sur le composant de Tableau - matériel.angulaire.io/composants/table/vue d'ensemble
    • Si la requête de l' MatTable comme je l'ai expliqué précédemment.
    • MatTable est toujours pas défini.
    • Parce que vous n'avez pas l'importer. Je l'ai dit déjà.
    • Donc, je peux essayer de les importer importer { MatTableModule, MatTable} à partir de '@angulaire/matières/table'; et je reçois le message d'erreur "type Générique 'MatTable<T>" nécessite 1 type d'argument." Mais merci quand même!!

    InformationsquelleAutor Lazar Ljubenović