<span class="ion-hide-sm-up">
  {{ text | slice: 0:size }}
  <span *ngIf="text.length > size" class="ion-hide-sm-up">…</span>
</span>
<span class="ion-hide-sm-down ion-hide-md-up">
  {{ text | slice: 0:size * 2 }}
  <span *ngIf="text.length > size * 2" class="ion-hide-sm-down ion-hide-md-up">
    …
  </span>
</span>
<span class="ion-hide-md-down">
  {{ text | slice: 0:size * 3 }}
  <span *ngIf="text.length > size * 3" class="ion-hide-md-down">…</span>
</span>
