如何在angular中使用limitTo

拉姆·库马尔

我已经尝试过在表格的行中仅显示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

Navruzbek Noraliev

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章