Как обрезать длинный текст как ... в ионном 3

Question

У меня длинное изображение ниже, но мне нужно обрезать его, и изображение не выровнено должным образом, как мне сделать его четким при просмотре

Answer 1

Лучший способ обрезать текст с прошлого - создать свой собственный канал и использовать его.

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
 name: 'trimLast'
})

export class TrimLastPipe implements PipeTransform {

transform(value: string, args: string[]): string {
    const limit = args.length > 0 ? parseInt(args[0], 10) : 20;
    const trail = args.length > 1 ? args[1] : '...';
    return value.length > limit ? value.substring(0, limit) + trail : value;
   }
}

, а затем зарегистрировать этот пользовательский канал в модуле.Вы можете использовать его во всем приложении.

Answer 2

CSS

.wrap-text {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

HTML

<h4 class="wrap-text">Sachin Ramesh Tendulkar is a former Indian international cricketer and a former captain of the Indian national team.</h4>

рабочая демонстрация