Angular2 пытается нарезать строковый объект, используя SlicePipe в шаблоне

Question

Ссылка: https://angular.io/docs/js/latest/api/common/SlicePipe-class.html. Попытка нарезать первые 20 символов строкового объекта.

Пытался:

<p>{{item.description | slice:0:20}}...</p>

а также

<p>{{item.description}}[0:20]: '{{item.description | slice:0:20}}'</p>

Здесь item.description имеет тип String

export class Details {
  description: string; 
}

@Component({
  selector: 'editor'
})
export class AppComponent implements OnInit {
  item: details = <Details>{};
}

Примечание: я получаю значение для описания в моем шаблоне, используя {{item.description}} но когда я нарезаю это говорит

Недопустимый аргумент 'undefined' для канала 'SlicePipe'

Любая помощь будет отличной.

Answer 1

Кажется, это известная проблема https://github.com/angular/angular/pull/7152

Кажется, это было исправлено недавно, но еще не было отправлено.