如何在角度中使用limitTo答案

【问题标题】：how to use limitTo in angular如何在角度中使用limitTo
【发布时间】：2020-05-13 18:26:28
【问题描述】：

我已经尝试在表格的行中只显示 10 个字符，因为我已经使用过

 limitTo: 10

但它不起作用，

HTML 代码：

            <ng-container matColumnDef="user_profile_id" >
              <mat-header-cell *matHeaderCellDef mat-header-cell mat-sort-header> User ID </mat-header-cell>
              <mat-cell *matCellDef="let row " data-label="User UID" matTooltip={{row.user_profile_id}} > {{row.user_id| limitTo:10}} </mat-cell>
            </ng-container>

当我添加“|limitTo:10”屏幕显示为空时，我也没有在控制台中看到任何错误。

我该如何解决这个问题？我正在使用角度 8

【问题讨论】：

这能回答你的问题吗？ Angular: limitTo pipe not working

标签： angular

【解决方案1】：

在角度 8 中，您没有 limitTo 管道，而是使用切片管道 (docs)：这是你的代码：

 <ng-container matColumnDef="user_profile_id" >
     <mat-header-cell *matHeaderCellDef mat-header-cell mat-sort-header> User ID </mat-header-cell>
     <mat-cell *matCellDef="let row " data-label="User UID" matTooltip={{row.user_profile_id}} > {{row.user_id| slice:0:10}} </mat-cell>
 </ng-container>

【讨论】：