在ngFor循环中添加省略号

Question

我有一个表，其中td获取的数据为

 <td style="width:15%">
      <span *ngFor="let org of rowData.organization; last as isLast">
         {{org?.name}}<span *ngIf="!isLast">,</span>
      </span>
</td>

我想在span上添加省略号，如果字符长度大于15，如果我使用省略号管道，那么它将在数组的每个元素上工作

助理外科医生，助理外科医生，助理外科技术人员，助理外科医生

你知道怎么实现吗？

助理外科医生，助理外科医生儿科医生，助理外科医生技术人员。

Answer 1

试试这个：

<td style="width:15%">
  <span *ngFor="let org of rowData.organization; last as isLast">
     {{!isLast ? (org?.name) +',' : (org?.name.length > 15  ? (org?.name | slice:0:15)+'...' : org?.name)}}
  </span>
</td>

添加了一个速记if/else "!isLast"，如果不是，它将只按原样显示元素，如果是，另一个速记if/else的条件是检查元素的长度是否大于15，如果是，它将添加省略号，如果不是，它将按原样显示元素。