Угловой: труба среза не дает ожидаемого результата

Question

Я использую Angular 6 с Angle InstantSearch. Внутри обзора моих результатов я хочу напечатать «описание» свойства моих результатов, но только первые 500 букв. Для этой цели я хочу использовать встроенную трубу среза.

Я думаю, что я использую его, как описано в официальном Angular API, но описание по-прежнему отображается в виде полного текста, а не в разрезе. У вас есть идеи?

Код выглядит так:

<div fxLayout="column" fxLayoutAlign="start start" fxLayoutGap="5px">
            <ais-highlight attribute="description" [hit]="hit">
              <p>{{ hit.description | slice:0:100 }}</p>
            </ais-highlight>
            <button mat-stroked-button color="accent" (click)="projectDetail(hit.id)">Projekt anzeigen</button>
</div>

Заранее спасибо!