角4;当有很多字符时，在表格单元格中“显示更多”

Question

我有这样的代码结构：

<mat-table>
  <ng-container matColumnDef="messageText">
    <mat-header-cell *matHeaderCellDef>
      {{ 'CUSTOMER.MESSAGES_LIST_TABLE.MESSAGE' | translate }}
    </mat-header-cell>
    <mat-cell *matCellDef="let row">
      {{row.messageText}}
    </mat-cell>
  </ng-container>
</mat-table>

这是表格的一个片段。

我们假设我在mat-cell中有一些内容。如果内容太长（例如当内容达到100位数时），我想在mat-cell中添加“show more”span，这样我就可以点击它并展开这个表格单元格以显示剩余的内容。

你有什么建议吗？我的第一个想法是抓取元素（比如jQuery - $("mat-cell)，放入一些条件（content.length＆gt; 100）并添加“show more”。然后添加on.click以“显示更多”并展开mat-细胞高度。

我想强调一下，我是Angular的新人，所以我会很感激简单的答案。 ：）