angular - 如何在 Angular 中使用 limitTo

Question

我尝试在表格的行中仅显示 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”时，屏幕显示为空，我在控制台中也没有看到任何错误。

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

Answer 1

在 Angular 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>